feat: 为directus做I18n适配

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

app/pages/productions/[...slug].vue

@@ -108,8 +108,8 @@
 <script setup lang="ts">
   import { readItem } from '@directus/sdk';
   const route = useRoute();
-  const { getStrapiLocale } = useLocalizations();
-  const strapiLocale = getStrapiLocale();
+  const { getDirectusLocale } = useLocalizations();
+  const directusLocale = computed(() => getDirectusLocale());
 
   const { $directus } = useNuxtApp();
   const { getImageUrl } = useDirectusImage();
@@ -187,14 +187,14 @@
           deep: {
             translations: {
               _filter: {
-                languages_code: { _eq: strapiLocale },
+                languages_code: { _eq: directusLocale.value },
               },
             },
             images: {
               product_images_id: {
                 translations: {
                   _filter: {
-                    languages_code: { _eq: strapiLocale },
+                    languages_code: { _eq: directusLocale.value },
                   },
                 },
               },
@@ -203,7 +203,7 @@
               questions_id: {
                 translations: {
                   _filter: {
-                    languages_code: { _eq: strapiLocale },
+                    languages_code: { _eq: directusLocale.value },
                   },
                 },
               },
@@ -212,14 +212,17 @@
               documents_id: {
                 translations: {
                   _filter: {
-                    languages_code: { _eq: strapiLocale },
+                    languages_code: { _eq: directusLocale.value },
                   },
                 },
               },
             },
           },
         })
-      )
+      ),
+    {
+      watch: [documentId, directusLocale],
+    }
   );
 
   console.log('Raw Data: ', data.value);