refactor: 将Data到ViewModel的转换由App转移至Server端

- 将逻辑转移到Server端后，简化前端逻辑

server/api/cms/product/[id].get.ts

@@ -0,0 +1,13 @@
+import { productService } from '~~/server/services/cms/productService';
+
+export default defineEventHandler(async (event) => {
+  const id = getRouterParam(event, 'id');
+  if (!id)
+    throw createError({
+      statusCode: 400,
+      statusMessage: 'Product ID is required',
+    });
+  const locale = getHeader(event, 'x-locale') || 'zh-CN';
+
+  return productService.getProductById(id, locale);
+});

server/api/cms/product/[id].ts

@@ -1,33 +0,0 @@
-import { directus } from '~~/server/utils/directus';
-import { loadAssetAsString } from '~~/server/utils/serverAssets';
-
-export default defineEventHandler(async (event) => {
-  const id = getRouterParam(event, 'id');
-  if (!id)
-    throw createError({
-      statusCode: 400,
-      statusMessage: 'Product ID is required',
-    });
-
-  const query = await loadAssetAsString(
-    'assets/server',
-    'graphql/product.graphql'
-  );
-  if (!query)
-    throw createError({ statusCode: 500, message: 'GraphQL query not found' });
-
-  const locale = getHeader(event, 'x-locale') || 'zh-CN';
-
-  const data = await directus.query<{ products_by_id: Product }>(query, {
-    id: id,
-    locale: locale,
-  });
-
-  const product = data?.products_by_id;
-
-  if (!product || product.status === 'archived') {
-    throw createError({ statusCode: 404, statusMessage: 'Product not found' });
-  }
-
-  return product;
-});