feat(SSR): 将服务支持页面改为SSR

app/pages/support/documents.vue

@@ -37,26 +37,23 @@
   const { getStrapiLocale } = useLocalizations();
   const strapiLocale = getStrapiLocale();
 
-  const pending = ref(true);
+  const { data, pending, error } = useAsyncData('documents', () =>
+    find<ProductionDocument>('production-documents', {
+      populate: 'document',
+      locale: strapiLocale,
+    })
+  );
 
-  const documents = ref<StrapiMedia[]>([]);
+  const documents = computed(
+    () =>
+      data.value?.data.map((item) => ({
+        ...item.document,
+      })) || []
+  );
 
-  onMounted(async () => {
-    try {
-      const response = await find<ProductionDocument>('production-documents', {
-        locale: strapiLocale,
-        populate: 'document',
-      });
-      if (response.data) {
-        documents.value =
-          response.data.map((item) => ({
-            ...item.document,
-          })) || [];
-      }
-    } catch (error) {
-      console.error('Error fetching documents:', error);
-    } finally {
-      pending.value = false;
+  watch(error, (value) => {
+    if (value) {
+      console.error('数据获取失败: ', value);
     }
   });
 </script>