style: 格式化项目代码

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

app/pages/support/contact-us.vue

@@ -3,21 +3,21 @@
     <div v-if="content">
       <support-tabs model-value="contact-us" />
       <div class="page-header">
-        <h1 class="page-title">{{ $t("navigation.contact-info") }}</h1>
+        <h1 class="page-title">{{ $t('navigation.contact-info') }}</h1>
         <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('/support')">
-              {{ $t("navigation.support") }}
+              {{ $t('navigation.support') }}
             </NuxtLink>
           </el-breadcrumb-item>
           <el-breadcrumb-item class="text-md opacity-50">
             <NuxtLink :to="$localePath('/support/contact-us')">
-              {{ $t("navigation.contact-info") }}
+              {{ $t('navigation.contact-info') }}
             </NuxtLink>
           </el-breadcrumb-item>
         </el-breadcrumb>
@@ -34,62 +34,62 @@
 </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>("");
+  const content = ref<string>('');
 
-onMounted(async () => {
-  try {
-    const response = await findOne<StrapiContactInfo>(
-      "contact-info",
-      undefined,
-      {
-        populate: "*",
-        locale: strapiLocale,
+  onMounted(async () => {
+    try {
+      const response = await findOne<StrapiContactInfo>(
+        'contact-info',
+        undefined,
+        {
+          populate: '*',
+          locale: strapiLocale,
+        }
+      );
+      if (response.data) {
+        content.value = response.data.content || '';
+      } else {
+        console.warn('No contact info data found');
       }
-    );
-    if (response.data) {
-      content.value = response.data.content || "";
-    } else {
-      console.warn("No contact info data found");
+    } catch (error) {
+      console.error('Failed to fetch contact info:', error);
     }
-  } catch (error) {
-    console.error("Failed to fetch contact info:", error);
-  }
-});
+  });
 </script>
 
 <style scoped>
-.page-container {
-  max-width: 1200px;
-  margin: 0 auto;
-}
+  .page-container {
+    max-width: 1200px;
+    margin: 0 auto;
+  }
 
-.page-header {
-  display: flex;
-  padding: 2rem 2rem 0rem;
-}
+  .page-header {
+    display: flex;
+    padding: 2rem 2rem 0rem;
+  }
 
-.page-title {
-  font-size: 2rem;
-  font-weight: bold;
-  color: var(--el-color-primary);
-  margin-bottom: 1rem;
-}
+  .page-title {
+    font-size: 2rem;
+    font-weight: bold;
+    color: var(--el-color-primary);
+    margin-bottom: 1rem;
+  }
 
-.breadcrumb {
-  margin-left: auto;
-}
+  .breadcrumb {
+    margin-left: auto;
+  }
 
-.page-content {
-  padding: 2rem;
-  margin-bottom: 2rem;
-}
+  .page-content {
+    padding: 2rem;
+    margin-bottom: 2rem;
+  }
 
-:deep(.markdown-body ul) {
-  list-style-type: none;
-}
+  :deep(.markdown-body ul) {
+    list-style-type: none;
+  }
 </style>