style: 格式化项目代码

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

app/pages/solutions/index.vue

@@ -1,16 +1,16 @@
 <template>
   <div class="page-container">
     <div class="page-header">
-      <h1 class="page-title">{{ $t("learn-our-solutions") }}</h1>
+      <h1 class="page-title">{{ $t('learn-our-solutions') }}</h1>
       <el-breadcrumb class="breadcrumb">
         <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>
@@ -52,87 +52,87 @@
 </template>
 
 <script setup lang="ts">
-const { find } = useStrapi();
-const { getStrapiLocale } = useLocalizations();
+  const { find } = useStrapi();
+  const { getStrapiLocale } = useLocalizations();
 
-const strapiLocale = getStrapiLocale();
+  const strapiLocale = getStrapiLocale();
 
-const activeName = ref<string>("all");
+  const activeName = ref<string>('all');
 
-const solutions = ref<Solution[]>([]);
+  const solutions = ref<Solution[]>([]);
 
-// 按类型分组
-const groupedSolutions = computed(() => {
-  const gourps: Record<string, Solution[]> = {};
-  for (const sol of solutions.value) {
-    let typeKey = "";
-    if (typeof sol.solution_type === "string") {
-      typeKey = sol.solution_type;
-    } else if (
-      sol.solution_type &&
-      typeof sol.solution_type === "object" &&
-      "type" in sol.solution_type
-    ) {
-      typeKey = sol.solution_type.type || "";
+  // 按类型分组
+  const groupedSolutions = computed(() => {
+    const gourps: Record<string, Solution[]> = {};
+    for (const sol of solutions.value) {
+      let typeKey = '';
+      if (typeof sol.solution_type === 'string') {
+        typeKey = sol.solution_type;
+      } else if (
+        sol.solution_type &&
+        typeof sol.solution_type === 'object' &&
+        'type' in sol.solution_type
+      ) {
+        typeKey = sol.solution_type.type || '';
+      }
+      if (!gourps[typeKey]) gourps[typeKey] = [];
+      gourps[typeKey]?.push(sol);
     }
-    if (!gourps[typeKey]) gourps[typeKey] = [];
-    gourps[typeKey]?.push(sol);
-  }
-  return gourps;
-});
+    return gourps;
+  });
 
-onMounted(async () => {
-  try {
-    const response = await find<Solution>("solutions", {
-      populate: {
-        cover: {
-          populate: "*",
+  onMounted(async () => {
+    try {
+      const response = await find<Solution>('solutions', {
+        populate: {
+          cover: {
+            populate: '*',
+          },
+          solution_type: {
+            populate: '*',
+          },
         },
-        solution_type: {
-          populate: "*",
-        },
-      },
-      locale: strapiLocale,
-    });
-    solutions.value = response.data.map((item: Solution) => ({
-      ...item,
-      solution_type: item.solution_type,
-    }));
-    console.log("Fetched Solutions:", solutions.value);
-    console.log("Grouped Solutions:", groupedSolutions.value);
-  } catch (error) {
-    console.error("Failed to fetch solutions:", error);
-  }
-});
+        locale: strapiLocale,
+      });
+      solutions.value = response.data.map((item: Solution) => ({
+        ...item,
+        solution_type: item.solution_type,
+      }));
+      console.log('Fetched Solutions:', solutions.value);
+      console.log('Grouped Solutions:', groupedSolutions.value);
+    } catch (error) {
+      console.error('Failed to fetch solutions:', error);
+    }
+  });
 </script>
 
 <style scoped>
-.page-container {
-  padding: 2rem;
-  max-width: 1200px;
-  margin: 0 auto;
-}
+  .page-container {
+    padding: 2rem;
+    max-width: 1200px;
+    margin: 0 auto;
+  }
 
-.page-header {
-  display: flex;
-}
+  .page-header {
+    display: flex;
+  }
 
-.page-title {
-  font-size: 2rem;
-  font-weight: bold;
-  margin-bottom: 1rem;
-  color: var(--el-color-primary);
-}
+  .page-title {
+    font-size: 2rem;
+    font-weight: bold;
+    margin-bottom: 1rem;
+    color: var(--el-color-primary);
+  }
 
-.breadcrumb {
-  margin-left: auto;
-}
+  .breadcrumb {
+    margin-left: auto;
+  }
 
-.solution-list {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 1rem;
-  margin-bottom: 2rem;
-  gap: 40px;
-}
+  .solution-list {
+    display: flex;
+    flex-wrap: wrap;
+    padding: 1rem;
+    margin-bottom: 2rem;
+    gap: 40px;
+  }
 </style>