nuxt2で開発しているプロジェクトをnuxt3に移行したいと思っています。
nuxt2の下記のような実装は、nuxt3ではどのような実装に対応するのでしょうか?
<script setup lang="ts">
や vue3 の composition API を導入した形式で実装したいと考えています。
pagex/index.vue
<script lang="ts">
import HogeComponent from '~/path/to/component'
@Component({
components: {
HogeComponent
},
async fetch(context: Context) {
const { store, query, error } = context
await store.dispatch('myStore/someImpl').catch()
}
}
export default class Index extends Vue {
created(): void { }
get xxx(): boolean { }
get yyy(): string { }
setLoading() { }
async change(arg: string) { }
}
</script>