NuxtJs + Strapi + i18n : data is not retrieved the first time

Questions and Answers
1
System Information
  • Strapi Version: v4.6.0
  • Operating System: MacOs
  • Database: Default
  • Node Version: 18.0.0
  • NPM Version: Latest
  • Yarn Version: Latest

Hi,
I have a problem with my multilingual site made with Nuxt + Strapi + i18n.

I’m trying to fetch products and it works perfectly with the locale setting. Except the very first time, at launch, with the default locale, no data is retrieved (or even without locale parameter). When I change locale, everything works. Could you help me please ?

<script setup lang="ts">
import type { Product } from "~/types";

const { locale } = useI18n();
const { find } = useStrapi();

const { data: products, refresh } = await useAsyncData(
  "products",
  () => find<Product>("products", { locale: locale.value })
);

watch(locale, () => {
  const refresh = () => refreshNuxtData("products");
});
</script>
2

Hi,

Any help would be really appreciated!
Many thanks!