feat: 为directus做I18n适配

- 添加getDirectusLocale方法用于获取Directus本地化字段

app/pages/productions/index.vue

@@ -46,8 +46,8 @@
 
 <script setup lang="ts">
   import { readItems } from '@directus/sdk';
-  const { getStrapiLocale } = useLocalizations();
-  const strapiLocale = getStrapiLocale();
+  const { getDirectusLocale } = useLocalizations();
+  const directusLocale = computed(() => getDirectusLocale());
 
   const { $directus } = useNuxtApp();
   const { getImageUrl } = useDirectusImage();
@@ -73,13 +73,13 @@
           deep: {
             translations: {
               _filter: {
-                languages_code: { _eq: strapiLocale },
+                languages_code: { _eq: directusLocale.value },
               },
             },
             product_type: {
               translations: {
                 _filter: {
-                  languages_code: { _eq: strapiLocale },
+                  languages_code: { _eq: directusLocale.value },
                 },
               },
             },
@@ -87,13 +87,13 @@
         })
       ),
     {
+      watch: [directusLocale],
       lazy: true,
     }
   );
 
   const activeNames = ref<string[]>([]);
 
-  // const productions = computed(() => data.value?.data ?? []);
   const productionsRaw = computed(() => data.value ?? []);
   const productions = computed(() =>
     productionsRaw.value.map((item) => toProductListView(item))