refactor: 解决方案页的API重构

app/composables/directus/useSolution.ts

@@ -1,4 +1,4 @@
-import { readItem } from '@directus/sdk';
+import GetSolution from '@/graphql/solution.graphql?raw';
 
 export const useSolution = (id: string) => {
   const { $directus } = useNuxtApp();
@@ -6,23 +6,9 @@ export const useSolution = (id: string) => {
   const locale = getDirectusLocale();
 
   return useAsyncData(`solution-${id}-${locale}`, async () => {
-    return await $directus.request(
-      readItem('solutions', id, {
-        fields: [
-          'id',
-          {
-            translations: ['*'],
-          },
-          'create_at',
-        ],
-        deep: {
-          translations: {
-            _filter: {
-              languages_code: { _eq: locale },
-            },
-          },
-        },
-      })
-    );
+    return await $directus.query<{ solutions_by_id: Solution }>(GetSolution, {
+      id: id,
+      locale: locale,
+    });
   });
 };