style: 格式化项目代码

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

app/pages/support/faq.vue

@@ -6,21 +6,21 @@
     <div v-else>
       <support-tabs model-value="faq" />
       <div class="page-header">
-        <h1 class="page-title">{{ $t("navigation.faq") }}</h1>
+        <h1 class="page-title">{{ $t('navigation.faq') }}</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/faq')">{{
-              $t("navigation.faq")
+              $t('navigation.faq')
             }}</NuxtLink>
           </el-breadcrumb-item>
         </el-breadcrumb>
@@ -33,53 +33,53 @@
 </template>
 
 <script setup lang="ts">
-const { find } = useStrapi();
-const { getStrapiLocale } = useLocalizations();
-const strapiLocale = getStrapiLocale();
+  const { find } = useStrapi();
+  const { getStrapiLocale } = useLocalizations();
+  const strapiLocale = getStrapiLocale();
 
-const questions = ref<Question[]>([]);
+  const questions = ref<Question[]>([]);
 
-const pending = ref(true);
+  const pending = ref(true);
 
-onMounted(async () => {
-  try {
-    const faqData = await find<Question>("questions", {
-      locale: strapiLocale,
-    });
-    if (faqData) {
-      questions.value = faqData.data || [];
+  onMounted(async () => {
+    try {
+      const faqData = await find<Question>('questions', {
+        locale: strapiLocale,
+      });
+      if (faqData) {
+        questions.value = faqData.data || [];
+      }
+    } catch (error) {
+      console.error('Failed to fetch FAQ data:', error);
+    } finally {
+      pending.value = false;
     }
-  } catch (error) {
-    console.error("Failed to fetch FAQ data:", error);
-  } finally {
-    pending.value = false;
-  }
-});
+  });
 </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: 1rem 2rem 2rem;
-}
+  .page-content {
+    padding: 1rem 2rem 2rem;
+  }
 </style>