style: 格式化项目代码

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

app/pages/solutions/[...slug].vue

@@ -5,12 +5,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('/solutions')">{{
-              $t("navigation.solutions")
+              $t('navigation.solutions')
             }}</NuxtLink>
           </el-breadcrumb-item>
           <el-breadcrumb-item class="text-md opacity-50">{{
@@ -40,91 +40,91 @@
 </template>
 
 <script setup lang="ts">
-const route = useRoute();
-const { findOne } = useStrapi();
-const { getStrapiLocale } = useLocalizations();
-const strapiLocale = getStrapiLocale();
+  const route = useRoute();
+  const { findOne } = useStrapi();
+  const { getStrapiLocale } = useLocalizations();
+  const strapiLocale = getStrapiLocale();
 
-const solution = ref<Solution | null>(null);
+  const solution = ref<Solution | null>(null);
 
-// 获取路由参数(documentId)
-const documentId = computed(() => route.params.slug as string);
+  // 获取路由参数(documentId)
+  const documentId = computed(() => route.params.slug as string);
 
-onMounted(async () => {
-  try {
-    const response = await findOne<Solution>("solutions", documentId.value, {
-      populate: "*",
-      locale: strapiLocale,
-    });
-    if (response.data) {
-      solution.value = {
-        ...response.data,
-        // 确保 solution_type 保持原始类型
-        solution_type: response.data.solution_type,
-      };
+  onMounted(async () => {
+    try {
+      const response = await findOne<Solution>('solutions', documentId.value, {
+        populate: '*',
+        locale: strapiLocale,
+      });
+      if (response.data) {
+        solution.value = {
+          ...response.data,
+          // 确保 solution_type 保持原始类型
+          solution_type: response.data.solution_type,
+        };
+      }
+      console.log('Fetched Solution:', solution.value);
+    } catch (error) {
+      console.error('Failed to fetch solution:', error);
     }
-    console.log("Fetched Solution:", solution.value);
-  } catch (error) {
-    console.error("Failed to fetch solution:", error);
-  }
-});
+  });
 </script>
 
 <style scoped>
-.page-container {
-  padding: 1rem;
-  min-height: 80vh;
-  max-width: 1200px;
-  margin: 0 auto;
-}
+  .page-container {
+    padding: 1rem;
+    min-height: 80vh;
+    max-width: 1200px;
+    margin: 0 auto;
+  }
 
-.breadcrumb {
-  padding: 1rem;
-  margin-bottom: 1rem;
-}
+  .breadcrumb {
+    padding: 1rem;
+    margin-bottom: 1rem;
+  }
 
-.solution-header {
-  display: flex;
-  align-items: center;
-  gap: 20px;
-}
+  .solution-header {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+  }
 
-.solution-header el-image {
-  width: 200px;
-  height: 200px;
-  border-radius: 4px;
-}
+  .solution-header el-image {
+    width: 200px;
+    height: 200px;
+    border-radius: 4px;
+  }
 
-.page-content h1 {
-  font-size: 2rem;
-  font-weight: bold;
-  color: var(--el-color-primary);
-  text-align: center;
-}
+  .page-content h1 {
+    font-size: 2rem;
+    font-weight: bold;
+    color: var(--el-color-primary);
+    text-align: center;
+  }
 
-.solution-meta {
-  display: flex;
-  justify-content: center;
-  gap: 1rem;
-  margin-bottom: 0.5rem;
-  font-size: 0.8rem;
-  color: var(--el-text-color-secondary);
-}
+  .solution-meta {
+    display: flex;
+    justify-content: center;
+    gap: 1rem;
+    margin-bottom: 0.5rem;
+    font-size: 0.8rem;
+    color: var(--el-text-color-secondary);
+  }
 
-.summary {
-  font-size: 0.8rem;
-  color: var(--el-text-color-secondary);
-  text-align: center;
-}
+  .summary {
+    font-size: 0.8rem;
+    color: var(--el-text-color-secondary);
+    text-align: center;
+  }
 
-.solution-content {
-  margin-top: 1rem;
-}
+  .solution-content {
+    margin-top: 1rem;
+  }
 
-.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>