Nuxt•2y ago

defineComponent and async/await useAsyncData

Hello, we are migrating big app from Nuxt2 (nuxtjs/composition-api) to Nuxt3 and Im now facing one problem.
We are using

export default defineComponent({})

export default defineComponent({})

export default defineComponent({})

export default defineComponent({}) pattern for our components with

useFetch

useFetch

and migrating to

useAsyncData

useAsyncData

useAsyncData

useAsyncData without rewriting every component to

<script setup>

<script setup>

<script setup>

<script setup> (maybe someday, but not now).

we are using

useAsyncData

useAsyncData

useAsyncData

useAsyncData without

async/awake

async/awake

async/awake

async/awake, just

const {data} = useAsyncData(...)

const {data} = useAsyncData(...)

const {data} = useAsyncData(...)

const {data} = useAsyncData(...) and data is fetched on ssr properly. What is the difference?

Thank you!