style: 格式化项目代码

- 根据prettier配置格式化整个项目的代码

app/pages/about/index.vue

@@ -4,12 +4,12 @@
       <el-breadcrumb class="breadcrumb" separator="/">
         <el-breadcrumb-item class="text-md opacity-50">
           <NuxtLink :to="$localePath('/')">
-            {{ $t("navigation.home") }}
+            {{ $t('navigation.home') }}
           </NuxtLink>
         </el-breadcrumb-item>
         <el-breadcrumb-item class="text-md opacity-50">
           <NuxtLink :to="$localePath('/about')">
-            {{ $t("navigation.about-us") }}
+            {{ $t('navigation.about-us') }}
           </NuxtLink>
         </el-breadcrumb-item>
       </el-breadcrumb>
@@ -25,7 +25,7 @@
             <el-icon class="icon" size="80">
               <ElIconService />
             </el-icon>
-            <br>
+            <br />
             联系信息
           </el-card>
         </NuxtLink>
@@ -38,92 +38,92 @@
 </template>
 
 <script setup lang="ts">
-const { findOne } = useStrapi();
-const { getStrapiLocale } = useLocalizations();
+  const { findOne } = useStrapi();
+  const { getStrapiLocale } = useLocalizations();
 
-const strapiLocale = getStrapiLocale();
+  const strapiLocale = getStrapiLocale();
 
-const content = ref<string | null>(null);
+  const content = ref<string | null>(null);
 
-onMounted(async () => {
-  try {
-    const response = await 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');
       }
-    );
-    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);
     }
-  } catch (error) {
-    console.error("Failed to fetch company profile:", error);
-  }
-});
+  });
 </script>
 
 <style scoped>
-.page-container {
-  padding: 2rem 1rem;
-  max-width: 1200px;
-  margin: 0 auto;
-}
+  .page-container {
+    padding: 2rem 1rem;
+    max-width: 1200px;
+    margin: 0 auto;
+  }
 
-.breadcrumb {
-  padding: 1rem 1rem;
-}
+  .breadcrumb {
+    padding: 1rem 1rem;
+  }
 
-.content {
-  padding: 1rem;
-  margin-bottom: 2rem;
-}
+  .content {
+    padding: 1rem;
+    margin-bottom: 2rem;
+  }
 
-:deep(.markdown-body p) {
-  text-indent: 2em;
-}
+  :deep(.markdown-body p) {
+    text-indent: 2em;
+  }
 
-:deep(.markdown-body h2) {
-  text-align: center;
-}
+  :deep(.markdown-body h2) {
+    text-align: center;
+  }
 
-:deep(.el-divider__text) {
-  color: var(--el-color-info);
-  font-size: 1em;
-}
+  :deep(.el-divider__text) {
+    color: var(--el-color-info);
+    font-size: 1em;
+  }
 
-.button-group {
-  display: flex;
-  justify-content: left;
-  margin-top: 2rem;
-  margin-left: 2rem;
-}
+  .button-group {
+    display: flex;
+    justify-content: left;
+    margin-top: 2rem;
+    margin-left: 2rem;
+  }
 
-.card-button {
-  width: 20%;
-  min-width: 200px;
-  padding: 20px;
-  margin: 0 auto;
-  cursor: pointer;
-  text-align: center;
-  font-size: 1.5em;
-}
+  .card-button {
+    width: 20%;
+    min-width: 200px;
+    padding: 20px;
+    margin: 0 auto;
+    cursor: pointer;
+    text-align: center;
+    font-size: 1.5em;
+  }
 
-.card-button:hover {
-  transform: translateY(-4px);
-  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
-}
+  .card-button:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
+  }
 
-.icon {
-  padding: 10px;
-}
+  .icon {
+    padding: 10px;
+  }
 
-.loading {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-top: 1rem;
-}
+  .loading {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 1rem;
+  }
 </style>