Problem with useAsyncData when use NuxtLInk

[minoo221]

Hi, I don't know If the problem is with nuxt or nuxt/strapi plugin.
If I use <NuxtLink> like this:
<v-btn color="secondary" link :to="localePath({ name: 'sanitarne-kabinky-slug', params: { slug: product.attributes.slug } })" class="px-10" > Pozrieť produkt </v-btn>
I get error

It will happened when I load data like this:
const { data: products, refresh: refreshProducts } = await useAsyncData("sanitary-cabins", () => find<any>("sanitary-cabins", { populate: "*" }) );
but If load data like this:
const products = await find<any>("sanitary-cabins", { populate: "*" });
it works. This is how I display data in template:
<v-col cols="12" md="4" v-for="(product, index) in products?.data" :key="index"> <article> <v-img :src=" product.attributes.gallery.data != null ? store.getMediaUrl(product.attributes.gallery.data[0].attributes.formats.medium.url) : '' " width="100%" height="230px" cover class="mb-4" ></v-img> <h3 class="mb-4">{{ product.attributes.title }}</h3> <v-btn color="secondary" link :to="localePath({ name: 'sanitarne-kabinky-slug', params: { slug: product.attributes.slug } })" class="px-10" > Pozrieť produkt </v-btn> </article> </v-col>
Can anybody help?