refactor: 产品页与产品列表的API重构

- 将产品页与产品列表的API由REST重构为GraphQL
- 修改Mapper与单元测试

app/composables/directus/useProductList.ts

@@ -1,4 +1,5 @@
-import { readItems } from '@directus/sdk';
+import GetProductList from '@/graphql/productList.graphql';
+import { print } from 'graphql';
 
 export const useProductList = () => {
   const { $directus } = useNuxtApp();
@@ -7,37 +8,11 @@ export const useProductList = () => {
   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'],
-              },
-              'sort',
-            ],
-          },
-        ],
-        deep: {
-          translations: {
-            _filter: {
-              languages_code: { _eq: locale },
-            },
-          },
-          product_type: {
-            translations: {
-              _filter: {
-                languages_code: { _eq: locale },
-              },
-            },
-          },
-        },
-      })
+    return await $directus.query<{ products: Product[] }>(
+      print(GetProductList),
+      {
+        locale: locale,
+      }
     );
   });
 };