Vue2.7 + Nuxt2 で script setup と middleware を併用したい場合
Vue 2系列最後のマイナーリリースとなる「Vue 2.7」でバックポートされたVue.js: script setup機能を使いつつ、Nuxt.js 2系でmiddleware を定義したい場合
Nuxt.js 3系からは、script setup 内で definePageMeta() を使えばいいのだが、Nuxt.js 2系ではそれがまだ使えない
code:ts
<script setup lang="ts">
definePageMeta({
middleware: "nanika",
});
</script>
仕方なく、script setup と、従来の script タグを併用する書き方にする
code:ts
<script setup lang="ts">
const [ data } = useXXX()
</script>
<script lang="ts">
export default defineComponent({
middleware: "nanika",
})
</script>