feat: 产品页的组合式API

- 为product和product-list添加组合式API

app/composables/directus/useProductList.ts

@@ -0,0 +1,42 @@
+import { readItems } from '@directus/sdk';
+
+export const useProductList = () => {
+  const { $directus } = useNuxtApp();
+
+  const { getDirectusLocale } = useLocalizations();
+  const locale = getDirectusLocale();
+
+  return useAsyncData(`product-list-${locale}`, async () => {
+    return await $directus.request(
+      readItems('products', {
+        fields: [
+          'id',
+          { translations: ['id', 'name', 'summary'] },
+          'cover',
+          {
+            product_type: [
+              'id',
+              {
+                translations: ['id', 'name'],
+              },
+            ],
+          },
+        ],
+        deep: {
+          translations: {
+            _filter: {
+              languages_code: { _eq: locale },
+            },
+          },
+          product_type: {
+            translations: {
+              _filter: {
+                languages_code: { _eq: locale },
+              },
+            },
+          },
+        },
+      })
+    );
+  });
+};