From 9f2f7f6984d1fa23300a30a416b201723575aeee Mon Sep 17 00:00:00 2001
From: R2m1liA <15258427350@163.com>
Date: Sun, 28 Sep 2025 16:30:23 +0800
Subject: [PATCH] =?UTF-8?q?feat(SSR):=20=E5=B0=86=E5=85=B3=E4=BA=8E?=
 =?UTF-8?q?=E6=88=91=E4=BB=AC=E9=A1=B5=E6=94=B9=E4=B8=BASSR?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/pages/about/index.vue | 30 +++++++++++-------------------
 1 file changed, 11 insertions(+), 19 deletions(-)

diff --git a/app/pages/about/index.vue b/app/pages/about/index.vue
index 4b6b0d0..7545652 100644
--- a/app/pages/about/index.vue
+++ b/app/pages/about/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="page-container">
-    <div v-if="content">
+    <div v-if="!pending">
       <el-breadcrumb class="breadcrumb" separator="/">
         <el-breadcrumb-item class="text-md opacity-50">
           <NuxtLink :to="$localePath('/')">
@@ -40,27 +40,19 @@
 <script setup lang="ts">
   const { findOne } = useStrapi();
   const { getStrapiLocale } = useLocalizations();
-
   const strapiLocale = getStrapiLocale();
 
-  const content = ref<string | null>(null);
+  const { data, pending, error } = useAsyncData('company-profile', () =>
+    findOne<StrapiCompanyProfile>('company-profile', undefined, {
+      locale: strapiLocale,
+    })
+  );
 
-  onMounted(async () => {
-    try {
-      const response = await findOne<StrapiCompanyProfile>(
-        'company-profile',
-        undefined,
-        {
-          locale: strapiLocale,
-        }
-      );
-      if (response.data) {
-        content.value = response.data.content || '';
-      } else {
-        console.warn('No company profile data found');
-      }
-    } catch (error) {
-      console.error('Failed to fetch company profile:', error);
+  const content = computed(() => data.value?.data.content);
+
+  watch(error, (value) => {
+    if (value) {
+      console.error('数据获取失败: ', value);
     }
   });
 </script>