diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..41beb35
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "esbenp.prettier-vscode",
+    "antfu.unocss",
+    "vue.volar"
+  ]
+}
\ No newline at end of file
diff --git a/app.vue b/app.vue
index 951f9ce..c9ac810 100644
--- a/app.vue
+++ b/app.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import '@/utils/info'
-import { Toaster } from '@/components/ui/sonner'
+import '@/utils/info';
+import { Toaster } from '@/components/ui/sonner';
 </script>
 
 <template>
diff --git a/components/BuyReportForm.vue b/components/BuyReportForm.vue
index 6df3db2..43780cb 100644
--- a/components/BuyReportForm.vue
+++ b/components/BuyReportForm.vue
@@ -36,7 +36,7 @@ const changePricePercent = (type: 'add' | 'reduce') => {
   } else {
     form.setFieldValue('percent', [percent - 1]);
   }
-}
+};
 </script>
 
 <template>
@@ -65,15 +65,15 @@ const changePricePercent = (type: 'add' | 'reduce') => {
         <FormLabel>价位</FormLabel>
         <FormControl>
           <div class="flex items-center space-x-2">
-            <span class="i-icon-park-outline-reduce-one text-xl cursor-pointer" @click="changePricePercent('reduce')"></span>
-            <Slider
-              v-bind="componentField"
-              :default-value="[100]"
-              :max="130"
-              :min="70"
-              :step="1"
-            />
-            <span class="i-icon-park-outline-add-one text-xl cursor-pointer" @click="changePricePercent('add')"></span>
+            <span
+              class="i-icon-park-outline-reduce-one text-xl cursor-pointer"
+              @click="changePricePercent('reduce')"
+            ></span>
+            <Slider v-bind="componentField" :default-value="[100]" :max="130" :min="70" :step="1" />
+            <span
+              class="i-icon-park-outline-add-one text-xl cursor-pointer"
+              @click="changePricePercent('add')"
+            ></span>
           </div>
           <FormDescription class="flex justify-between">
             <span
@@ -95,7 +95,9 @@ const changePricePercent = (type: 'add' | 'reduce') => {
             <FormItem class="flex items-center space-y-0">
               <FormControl>
                 <RadioGroupItem value="up" />
-                <FormLabel class="flex items-center font-normal text-xl text-green pl-2 cursor-pointer">
+                <FormLabel
+                  class="flex items-center font-normal text-xl text-green pl-2 cursor-pointer"
+                >
                   <span class="i-material-symbols-trending-up text-green"></span>
                 </FormLabel>
               </FormControl>
@@ -103,7 +105,9 @@ const changePricePercent = (type: 'add' | 'reduce') => {
             <FormItem class="flex items-center space-y-0">
               <FormControl>
                 <RadioGroupItem value="down" />
-                <FormLabel class="flex items-center font-normal text-xl text-red pl-2 cursor-pointer">
+                <FormLabel
+                  class="flex items-center font-normal text-xl text-red pl-2 cursor-pointer"
+                >
                   <span class="i-material-symbols-trending-down text-red"></span>
                 </FormLabel>
               </FormControl>
diff --git a/components/City.vue b/components/City.vue
index 5ddbf3e..34169ae 100644
--- a/components/City.vue
+++ b/components/City.vue
@@ -1,10 +1,5 @@
 <script setup lang="ts">
-import {
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle
-} from '@/components/ui/card'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import {
   Table,
   TableBody,
@@ -12,65 +7,87 @@ import {
   TableHead,
   TableHeader,
   TableRow
-} from '@/components/ui/table'
+} from '@/components/ui/table';
 
-import Price from './Price.vue'
+import Price from './Price.vue';
 
-const props = defineProps<{ city: CityInfo }>()
+const props = defineProps<{ city: CityInfo }>();
 
-const currentCity = props.city
+const currentCity = props.city;
 
-const timestamp = useTimestamp({ interval: 10 * 1000 })
+const timestamp = useTimestamp({ interval: 10 * 1000 });
 
-const logStore = useLatestLogs()
+const logStore = useLatestLogs();
 
-const settingStore = useSettingStore()
+const settingStore = useSettingStore();
 
 // 售出城市列表
 const sellCities = computed(() => {
-  return cities.filter((c) => c.name !== currentCity.name)
-})
+  return cities.filter((c) => c.name !== currentCity.name);
+});
 
 // 按设置排序后的城市列表
-const sortCitesWithSetting = (filteredCities: CityInfo[], sourceCityName: string, productName: string) => {
+const sortCitesWithSetting = (
+  filteredCities: CityInfo[],
+  sourceCityName: string,
+  productName: string
+) => {
   if (settingStore.listSortMode === 'byCity') {
-    return filteredCities
+    return filteredCities;
   } else if (settingStore.listSortMode === 'byProfit') {
-    return sortCitesByProfit(filteredCities, sourceCityName, productName)
+    return sortCitesByProfit(filteredCities, sourceCityName, productName);
   } else {
-    return filteredCities
+    return filteredCities;
   }
-}
+};
 
 // 按单位利润排序城市
-const sortCitesByProfit = (filteredCities: CityInfo[], sourceCityName: string, productName: string) => {
-  const sourceCityPrice = logStore.getLatestLog(sourceCityName, productName, sourceCityName)?.price || 0
+const sortCitesByProfit = (
+  filteredCities: CityInfo[],
+  sourceCityName: string,
+  productName: string
+) => {
+  const sourceCityPrice =
+    logStore.getLatestLog(sourceCityName, productName, sourceCityName)?.price || 0;
 
   // 计算各城市货物利润
-  let citiesProfitMap: {[key: string]: number} = {}
-  filteredCities.map(city => {
-    const latestLog = logStore.getLatestLog(sourceCityName, productName, city.name)
-    
-    /**
-     * 如果满足以下条件之一，排名最后
-     * 1. 最新交易记录不存在
-     * 2. 最新交易记录距离现在超过 1 天
-     * 3. 原产地价格不存在
-     */
-    if (
-      !latestLog ||
-      (Date.now() - new Date(latestLog.uploadedAt).valueOf()) > (1 * 24 * 60 * 60 * 1000) ||
-      !sourceCityPrice
-    ) return { cityName: city.name, profit: -9999 }
-    // 如果最新交易记录无效，排名在有效记录之后，且按顺序排列
-    else if(Boolean(isLogValid(latestLog))) return { cityName: city.name, profit: Math.round(latestLog.price * 1.2 * 0.98 - sourceCityPrice * 0.8 * 1.08) - 9000 }
-    // 如果最新交易记录有效，按利润高低排名
-    else return { cityName: city.name, profit: Math.round(latestLog.price * 1.2 * 0.98 - sourceCityPrice * 0.8 * 1.08) }
-  }).forEach(cityProfit => citiesProfitMap[cityProfit.cityName] = cityProfit.profit)
+  let citiesProfitMap: { [key: string]: number } = {};
+  filteredCities
+    .map((city) => {
+      const latestLog = logStore.getLatestLog(sourceCityName, productName, city.name);
+
+      /**
+       * 如果满足以下条件之一，排名最后
+       * 1. 最新交易记录不存在
+       * 2. 最新交易记录距离现在超过 1 天
+       * 3. 原产地价格不存在
+       */
+      if (
+        !latestLog ||
+        Date.now() - new Date(latestLog.uploadedAt).valueOf() > 1 * 24 * 60 * 60 * 1000 ||
+        !sourceCityPrice
+      )
+        return { cityName: city.name, profit: -9999 };
+      // 如果最新交易记录无效，排名在有效记录之后，且按顺序排列
+      else if (Boolean(isLogValid(latestLog)))
+        return {
+          cityName: city.name,
+          profit: Math.round(latestLog.price * 1.2 * 0.98 - sourceCityPrice * 0.8 * 1.08) - 9000
+        };
+      // 如果最新交易记录有效，按利润高低排名
+      else
+        return {
+          cityName: city.name,
+          profit: Math.round(latestLog.price * 1.2 * 0.98 - sourceCityPrice * 0.8 * 1.08)
+        };
+    })
+    .forEach((cityProfit) => (citiesProfitMap[cityProfit.cityName] = cityProfit.profit));
 
-  const sortedCities = filteredCities.toSorted((a, b) => citiesProfitMap[b.name] - citiesProfitMap[a.name])
-  return sortedCities
-}
+  const sortedCities = filteredCities.toSorted(
+    (a, b) => citiesProfitMap[b.name] - citiesProfitMap[a.name]
+  );
+  return sortedCities;
+};
 </script>
 
 <template>
@@ -86,10 +103,7 @@ const sortCitesByProfit = (filteredCities: CityInfo[], sourceCityName: string, p
             <!-- 按城市维度排序 -->
             <template v-if="settingStore.listSortMode === 'byCity'">
               <TableHead class="border-r">{{ currentCity.name }}</TableHead>
-              <TableHead
-                v-for="city in sellCities"
-                :key="city.name"
-              >{{ city.name }}</TableHead>
+              <TableHead v-for="city in sellCities" :key="city.name">{{ city.name }}</TableHead>
             </template>
             <!-- 按利润排序 -->
             <template v-else>
diff --git a/components/CreateLog.vue b/components/CreateLog.vue
index 24aef98..299f113 100644
--- a/components/CreateLog.vue
+++ b/components/CreateLog.vue
@@ -36,9 +36,9 @@ import {
 import type { ProductInfo } from '@/utils/types';
 
 const props = defineProps<{
-  sourceCityName: string // 原产地城市
-  targetCityName?: string // 目标城市
-  product: ProductInfo // 货物信息
+  sourceCityName: string; // 原产地城市
+  targetCityName?: string; // 目标城市
+  product: ProductInfo; // 货物信息
 }>();
 
 const open = defineModel('open', {
@@ -58,7 +58,7 @@ watch(open, (open) => {
   if (open) {
     form.resetForm();
     if (props.targetCityName) {
-      form.setFieldValue("targetCity", props.targetCityName)
+      form.setFieldValue('targetCity', props.targetCityName);
     }
   }
 });
@@ -70,7 +70,7 @@ const changePricePercent = (type: 'add' | 'reduce') => {
   } else {
     form.setFieldValue('percent', [percent - 1]);
   }
-}
+};
 </script>
 
 <template>
@@ -86,9 +86,9 @@ const changePricePercent = (type: 'add' | 'reduce') => {
         <div class="space-x-2 text-sm">
           <span class="text-right font-bold">商品</span>
           <span class="text-base">
-            从 
+            从
             <span class="text-gray-400">{{ sourceCityName }}</span>
-            购买的 
+            购买的
             <span class="text-gray-400">{{ product.name }}</span>
           </span>
         </div>
@@ -112,9 +112,9 @@ const changePricePercent = (type: 'add' | 'reduce') => {
             </Select>
             <FormDescription>
               {{
-                form.values.targetCity !== sourceCityName 
-                ? `出售 ${product.name} 到 ${form.values.targetCity ?? '--'}`
-                : `从 ${form.values.targetCity} 购买 ${product.name}`
+                form.values.targetCity !== sourceCityName
+                  ? `出售 ${product.name} 到 ${form.values.targetCity ?? '--'}`
+                  : `从 ${form.values.targetCity} 购买 ${product.name}`
               }}
             </FormDescription>
             <FormMessage />
@@ -141,7 +141,10 @@ const changePricePercent = (type: 'add' | 'reduce') => {
             <FormLabel>价位百分比</FormLabel>
             <FormControl>
               <div class="flex items-center space-x-2">
-                <span class="i-icon-park-outline-reduce-one text-xl cursor-pointer" @click="changePricePercent('reduce')"></span>
+                <span
+                  class="i-icon-park-outline-reduce-one text-xl cursor-pointer"
+                  @click="changePricePercent('reduce')"
+                ></span>
                 <Slider
                   v-bind="componentField"
                   :default-value="[100]"
@@ -149,7 +152,10 @@ const changePricePercent = (type: 'add' | 'reduce') => {
                   :min="70"
                   :step="1"
                 />
-                <span class="i-icon-park-outline-add-one text-xl cursor-pointer" @click="changePricePercent('add')"></span>
+                <span
+                  class="i-icon-park-outline-add-one text-xl cursor-pointer"
+                  @click="changePricePercent('add')"
+                ></span>
               </div>
               <FormDescription class="flex justify-between">
                 <span>
@@ -171,7 +177,9 @@ const changePricePercent = (type: 'add' | 'reduce') => {
                 <FormItem class="flex items-center space-y-0">
                   <FormControl>
                     <RadioGroupItem value="up" />
-                    <FormLabel class="flex items-center font-normal text-xl text-green pl-2 cursor-pointer">
+                    <FormLabel
+                      class="flex items-center font-normal text-xl text-green pl-2 cursor-pointer"
+                    >
                       <span class="i-material-symbols-trending-up text-green"></span>
                     </FormLabel>
                   </FormControl>
@@ -179,7 +187,9 @@ const changePricePercent = (type: 'add' | 'reduce') => {
                 <FormItem class="flex items-center space-y-0">
                   <FormControl>
                     <RadioGroupItem value="down" />
-                    <FormLabel class="flex items-center font-normal text-xl text-red pl-2 cursor-pointer">
+                    <FormLabel
+                      class="flex items-center font-normal text-xl text-red pl-2 cursor-pointer"
+                    >
                       <span class="i-material-symbols-trending-down text-red"></span>
                     </FormLabel>
                   </FormControl>
diff --git a/components/Price.vue b/components/Price.vue
index 577bbfe..7437177 100644
--- a/components/Price.vue
+++ b/components/Price.vue
@@ -12,7 +12,7 @@ const props = defineProps<{
   log: Log | undefined;
 }>();
 
-const settingStore = useSettingStore()
+const settingStore = useSettingStore();
 
 const store = useLatestLogs();
 
@@ -33,9 +33,13 @@ const isOutdated = computed(() => {
 const profit = computed(() => {
   if (!props.log || props.log?.type === 'buy') return undefined;
 
-  const sourceCityLatestLog = store.getLatestLog(props.log.sourceCity, props.log.name, props.log.sourceCity);
+  const sourceCityLatestLog = store.getLatestLog(
+    props.log.sourceCity,
+    props.log.name,
+    props.log.sourceCity
+  );
   if (sourceCityLatestLog) {
-    return Math.round(props.log.price * 1.2 * 0.98 - sourceCityLatestLog.price * 0.8 * 1.08)
+    return Math.round(props.log.price * 1.2 * 0.98 - sourceCityLatestLog.price * 0.8 * 1.08);
   } else {
     return undefined;
   }
@@ -100,14 +104,22 @@ const shortTime = computed(() => {
 </script>
 
 <template>
-  <TooltipProvider v-if="log && shortTime" :delayDuration="300" :skipDelayDuration="100" :disableClosingTrigger="true">
+  <TooltipProvider
+    v-if="log && shortTime"
+    :delayDuration="300"
+    :skipDelayDuration="100"
+    :disableClosingTrigger="true"
+  >
     <Tooltip v-model:open="openTooltip">
       <TooltipTrigger as-child>
         <div :class="[{ 'op-50': isOutdated }, 'space-y-1']" @click="openTooltip = true">
           <!-- 所在城市 -->
-          <div v-if="['byProfit', 'byPerTicketProfit'].includes(settingStore.listSortMode)" class="flex gap-1 items-center text-base-600">
+          <div
+            v-if="['byProfit', 'byPerTicketProfit'].includes(settingStore.listSortMode)"
+            class="flex gap-1 items-center text-base-600"
+          >
             <span class="i-icon-park-outline-city-one text-sm"></span>
-            <span >{{ log.targetCity }}</span>
+            <span>{{ log.targetCity }}</span>
           </div>
           <!-- 单位利润 -->
           <div
@@ -119,7 +131,11 @@ const shortTime = computed(() => {
           </div>
           <!-- 单票利润 -->
           <div
-            v-if="settingStore.dataDisplayItems.includes('perTicketProfit') && log.type === 'sell' && product.baseVolume"
+            v-if="
+              settingStore.dataDisplayItems.includes('perTicketProfit') &&
+              log.type === 'sell' &&
+              product.baseVolume
+            "
             :class="['h-6 flex gap-1 items-center', { 'line-through': isOutdated }]"
           >
             <span class="i-icon-park-outline-ticket text-base-600 text-sm"></span>
@@ -129,12 +145,15 @@ const shortTime = computed(() => {
                 'text-green': perTicketProfit > 0,
                 'op-50': isOutdated
               }"
-            >{{ perTicketProfit }}</span>
+              >{{ perTicketProfit }}</span
+            >
           </div>
           <!-- 涨跌百分比 -->
           <div :class="['h-6 flex gap-1 items-center', { 'line-through': isOutdated }]">
             <span class="i-icon-park-outline-chart-line text-base-600 text-sm"></span>
-            <span :class="{ 'text-red': log.percent < 100, 'text-green': log.percent > 100 }">{{ log.percent }}%</span>
+            <span :class="{ 'text-red': log.percent < 100, 'text-green': log.percent > 100 }"
+              >{{ log.percent }}%</span
+            >
             <span class="text-xl mt-1">
               <span
                 v-if="log.trend === 'up'"
@@ -167,7 +186,8 @@ const shortTime = computed(() => {
                 },
                 'mr-2'
               ]"
-            >{{ log.price }} ({{ log.percent }}%)</span>
+              >{{ log.price }} ({{ log.percent }}%)</span
+            >
             <span
               v-if="log.trend === 'up'"
               class="i-material-symbols-trending-up text-green text-xl"
@@ -187,7 +207,8 @@ const shortTime = computed(() => {
                 'line-through': isOutdated,
                 'op-50': isOutdated
               }"
-              >{{ profit }}</span>
+              >{{ profit }}</span
+            >
           </p>
           <p v-if="log.type === 'sell' && product.baseVolume">
             <span class="font-bold mr-2">单票利润</span>
@@ -198,7 +219,8 @@ const shortTime = computed(() => {
                 'line-through': isOutdated,
                 'op-50': isOutdated
               }"
-            >{{ +(profit ?? 0) * product.baseVolume }}</span>
+              >{{ +(profit ?? 0) * product.baseVolume }}</span
+            >
           </p>
           <p v-if="log.type === 'sell' && transaction?.basePrice">
             <span class="font-bold mr-2">基准价格</span>
@@ -222,14 +244,19 @@ const shortTime = computed(() => {
             <NuxtLink
               :to="`/transaction/${log.sourceCity}/${log.name}/${log.targetCity}`"
               class="text-link font-bold"
-            >查看历史记录</NuxtLink>
-            <span class="text-link font-bold ml-4 cursor-pointer" @click="reportDialogVisible = true">快速上报价格</span>
+              >查看历史记录</NuxtLink
+            >
+            <span
+              class="text-link font-bold ml-4 cursor-pointer"
+              @click="reportDialogVisible = true"
+              >快速上报价格</span
+            >
           </p>
         </div>
       </TooltipContent>
     </Tooltip>
   </TooltipProvider>
-  
+
   <CreateLog
     v-if="log"
     :source-city-name="log.sourceCity"
diff --git a/components/SellReportForm.vue b/components/SellReportForm.vue
index 7e6fffc..550b105 100644
--- a/components/SellReportForm.vue
+++ b/components/SellReportForm.vue
@@ -36,7 +36,7 @@ const changePricePercent = (type: 'add' | 'reduce') => {
   } else {
     form.setFieldValue('percent', [percent - 1]);
   }
-}
+};
 </script>
 
 <template>
@@ -67,15 +67,15 @@ const changePricePercent = (type: 'add' | 'reduce') => {
         <FormLabel>价位</FormLabel>
         <FormControl>
           <div class="flex items-center space-x-2">
-            <span class="i-icon-park-outline-reduce-one text-xl cursor-pointer" @click="changePricePercent('reduce')"></span>
-            <Slider
-              v-bind="componentField"
-              :default-value="[100]"
-              :max="130"
-              :min="70"
-              :step="1"
-            />
-            <span class="i-icon-park-outline-add-one text-xl cursor-pointer" @click="changePricePercent('add')"></span>
+            <span
+              class="i-icon-park-outline-reduce-one text-xl cursor-pointer"
+              @click="changePricePercent('reduce')"
+            ></span>
+            <Slider v-bind="componentField" :default-value="[100]" :max="130" :min="70" :step="1" />
+            <span
+              class="i-icon-park-outline-add-one text-xl cursor-pointer"
+              @click="changePricePercent('add')"
+            ></span>
           </div>
           <FormDescription class="flex justify-between">
             <span>{{ '售出价位' }} {{ form.values.percent?.[0] ?? 100 }}%</span>
@@ -94,7 +94,9 @@ const changePricePercent = (type: 'add' | 'reduce') => {
             <FormItem class="flex items-center space-y-0">
               <FormControl>
                 <RadioGroupItem value="up" />
-                <FormLabel class="flex items-center font-normal text-xl text-green pl-2 cursor-pointer">
+                <FormLabel
+                  class="flex items-center font-normal text-xl text-green pl-2 cursor-pointer"
+                >
                   <span class="i-material-symbols-trending-up text-green"></span>
                 </FormLabel>
               </FormControl>
@@ -102,7 +104,9 @@ const changePricePercent = (type: 'add' | 'reduce') => {
             <FormItem class="flex items-center space-y-0">
               <FormControl>
                 <RadioGroupItem value="down" />
-                <FormLabel class="flex items-center font-normal text-xl text-red pl-2 cursor-pointer">
+                <FormLabel
+                  class="flex items-center font-normal text-xl text-red pl-2 cursor-pointer"
+                >
                   <span class="i-material-symbols-trending-down text-red"></span>
                 </FormLabel>
               </FormControl>
diff --git a/components/ui/radio-group/RadioGroupItem.vue b/components/ui/radio-group/RadioGroupItem.vue
index 51f255d..8ca6515 100644
--- a/components/ui/radio-group/RadioGroupItem.vue
+++ b/components/ui/radio-group/RadioGroupItem.vue
@@ -30,6 +30,8 @@ const forwardedProps = useForwardProps(delegatedProps);
       )
     "
   >
-    <RadioGroupIndicator class="flex items-center justify-center w-full h-full relative after:content-[''] after:block after:w-2 after:h-2 after:rounded-[50%] after:bg-black dark:after:bg-white" />
+    <RadioGroupIndicator
+      class="flex items-center justify-center w-full h-full relative after:content-[''] after:block after:w-2 after:h-2 after:rounded-[50%] after:bg-black dark:after:bg-white"
+    />
   </RadioGroupItem>
 </template>
diff --git a/layouts/default.vue b/layouts/default.vue
index 78e0031..f49ecec 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -19,7 +19,7 @@ import {
 } from '@/components/ui/menubar';
 import { toast } from 'vue-sonner';
 
-const settingStore = useSettingStore()
+const settingStore = useSettingStore();
 </script>
 
 <template>
@@ -27,7 +27,9 @@ const settingStore = useSettingStore()
     <nav class="border-b pt-12 mb-4">
       <div class="main">
         <div>
-          <NuxtLink to="/" class="text-2xl font-bold hover:text-base-600 select-none">雷索纳斯市场</NuxtLink>
+          <NuxtLink to="/" class="text-2xl font-bold hover:text-base-600 select-none"
+            >雷索纳斯市场</NuxtLink
+          >
         </div>
         <Menubar class="mt-4">
           <MenubarButton>
@@ -40,7 +42,9 @@ const settingStore = useSettingStore()
                 <MenubarSubTrigger>{{ city.name }}</MenubarSubTrigger>
                 <MenubarSubContent>
                   <MenubarItem v-for="product in city.products" :key="product.name" as-child>
-                    <NuxtLink :to="`/product/${city.name}/${product.name}`">{{ product.name }}</NuxtLink>
+                    <NuxtLink :to="`/product/${city.name}/${product.name}`">{{
+                      product.name
+                    }}</NuxtLink>
                   </MenubarItem>
                 </MenubarSubContent>
               </MenubarSub>
@@ -82,7 +86,10 @@ const settingStore = useSettingStore()
                         <span class="i-icon-park-outline-city-one mr-1 block w-4"></span>
                         <span>按城市排序</span>
                       </div>
-                      <span v-if="settingStore.listSortMode === 'byCity'" class="i-material-symbols-check"></span>
+                      <span
+                        v-if="settingStore.listSortMode === 'byCity'"
+                        class="i-material-symbols-check"
+                      ></span>
                     </a>
                   </MenubarItem>
                   <MenubarItem as-child>
@@ -94,7 +101,10 @@ const settingStore = useSettingStore()
                         <span class="i-icon-park-outline-income-one mr-1 block w-4"></span>
                         <span>按利润排序</span>
                       </div>
-                      <span v-if="settingStore.listSortMode === 'byProfit'" class="i-material-symbols-check"></span>
+                      <span
+                        v-if="settingStore.listSortMode === 'byProfit'"
+                        class="i-material-symbols-check"
+                      ></span>
                     </a>
                   </MenubarItem>
                 </MenubarSubContent>
@@ -111,7 +121,10 @@ const settingStore = useSettingStore()
                         <span class="i-icon-park-outline-box mr-1 block w-4"></span>
                         <span>单位利润</span>
                       </div>
-                      <span v-show="settingStore.dataDisplayItems.includes('profit')" class="i-material-symbols-check"></span>
+                      <span
+                        v-show="settingStore.dataDisplayItems.includes('profit')"
+                        class="i-material-symbols-check"
+                      ></span>
                     </a>
                   </MenubarItem>
                   <MenubarItem as-child>
@@ -123,7 +136,10 @@ const settingStore = useSettingStore()
                         <span class="i-icon-park-outline-ticket mr-1 block w-4"></span>
                         <span>单票利润</span>
                       </div>
-                      <span v-show="settingStore.dataDisplayItems.includes('perTicketProfit')" class="i-material-symbols-check"></span>
+                      <span
+                        v-show="settingStore.dataDisplayItems.includes('perTicketProfit')"
+                        class="i-material-symbols-check"
+                      ></span>
                     </a>
                   </MenubarItem>
                 </MenubarSubContent>
@@ -152,7 +168,10 @@ const settingStore = useSettingStore()
                         <span class="i-icon-park-outline-positive-dynamics mr-1 block w-4"></span>
                         <span>最大砍价抬价</span>
                       </div>
-                      <span v-if="settingStore.profitComputeRule === 'maxPriceChange'" class="i-material-symbols-check"></span>
+                      <span
+                        v-if="settingStore.profitComputeRule === 'maxPriceChange'"
+                        class="i-material-symbols-check"
+                      ></span>
                     </a>
                   </MenubarItem>
                   <MenubarItem as-child>
@@ -164,7 +183,10 @@ const settingStore = useSettingStore()
                         <span class="i-icon-park-outline-negative-dynamics mr-1 block w-4"></span>
                         <span>不砍价不抬价</span>
                       </div>
-                      <span v-if="settingStore.profitComputeRule === 'noChange'" class="i-material-symbols-check"></span>
+                      <span
+                        v-if="settingStore.profitComputeRule === 'noChange'"
+                        class="i-material-symbols-check"
+                      ></span>
                     </a>
                   </MenubarItem>
                 </MenubarSubContent>
diff --git a/pages/discussions.vue b/pages/discussions.vue
index 8d1775d..bb104b4 100644
--- a/pages/discussions.vue
+++ b/pages/discussions.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Giscus from '@giscus/vue'
+import Giscus from '@giscus/vue';
 </script>
 
 <template>
diff --git a/pages/index.vue b/pages/index.vue
index 8aae950..d682358 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-const logStore = useLatestLogs()
-await logStore.startGetData()
+const logStore = useLatestLogs();
+await logStore.startGetData();
 
-const selectedCity = ref<CityInfo[]>(cities)
+const selectedCity = ref<CityInfo[]>(cities);
 
 const switchCityFilter = (targetCity: CityInfo) => {
-  if (selectedCity.value.find(city => city.name == targetCity.name)) {
-    selectedCity.value = selectedCity.value.filter(city => city.name !== targetCity.name);
+  if (selectedCity.value.find((city) => city.name == targetCity.name)) {
+    selectedCity.value = selectedCity.value.filter((city) => city.name !== targetCity.name);
   } else {
     selectedCity.value = [...selectedCity.value, targetCity];
   }
@@ -20,9 +20,10 @@ const switchCityFilter = (targetCity: CityInfo) => {
         v-for="city in cities"
         :key="city.name"
         @click="switchCityFilter(city)"
-        :variant="selectedCity.find(item => item.name == city.name) ? 'default' : 'outline'"
+        :variant="selectedCity.find((item) => item.name == city.name) ? 'default' : 'outline'"
         size="sm"
-      >{{ city.name }}</Button>
+        >{{ city.name }}</Button
+      >
     </div>
 
     <div class="space-y-4">
diff --git a/pages/report/buy/[city]/index.vue b/pages/report/buy/[city]/index.vue
index f1e70c9..f50146a 100644
--- a/pages/report/buy/[city]/index.vue
+++ b/pages/report/buy/[city]/index.vue
@@ -16,7 +16,11 @@ useHead({
   <div class="main pb-12">
     <h1 class="font-bold text-lg mb-4">从 {{ cityName }} 买入商品</h1>
     <div class="grid sm:grid-cols-2 gap-6">
-      <div v-for="p in city.products.filter((p) => p.valuable)" :key="p.name" class="rounded border px-4">
+      <div
+        v-for="p in city.products.filter((p) => p.valuable)"
+        :key="p.name"
+        class="rounded border px-4"
+      >
         <BuyReportForm :city="city" :product="p"></BuyReportForm>
       </div>
     </div>
diff --git a/stores/latest.ts b/stores/latest.ts
index a7b5bfe..e158229 100644
--- a/stores/latest.ts
+++ b/stores/latest.ts
@@ -1,28 +1,28 @@
-import type { Log } from '~/drizzle/schema'
+import type { Log } from '~/drizzle/schema';
 
 export const useLatestLogs = defineStore('latest_logs', () => {
-  const logs = ref<Log[]>([])
-  const transactionMap = ref<Map<string, Log>>(new Map())
+  const logs = ref<Log[]>([]);
+  const transactionMap = ref<Map<string, Log>>(new Map());
 
   const startGetData = async () => {
-    const resp = await $fetch(`/api/product`, { retry: 3 })
-    logs.value = resp.latest.map(log => ({ ...log, uploadedAt: new Date(log.uploadedAt) }))
+    const resp = await $fetch(`/api/product`, { retry: 3 });
+    logs.value = resp.latest.map((log) => ({ ...log, uploadedAt: new Date(log.uploadedAt) }));
     // 将数据转换为 Map 方便查询
-    transactionMap.value.clear()
-    logs.value.forEach(log => {
-      const key = `${log.name}-from${log.sourceCity}to${log.targetCity}`
-      transactionMap.value.set(key, log)
-    })
+    transactionMap.value.clear();
+    logs.value.forEach((log) => {
+      const key = `${log.name}-from${log.sourceCity}to${log.targetCity}`;
+      transactionMap.value.set(key, log);
+    });
 
     // 每隔 10 秒重新获取数据
-    setTimeout(startGetData, 10 * 1000)
-  }
+    setTimeout(startGetData, 10 * 1000);
+  };
 
   return {
     logs,
     getLatestLog(sourceCity: string, productName: string, targetCity: string) {
-      return transactionMap.value.get(`${productName}-from${sourceCity}to${targetCity}`)
+      return transactionMap.value.get(`${productName}-from${sourceCity}to${targetCity}`);
     },
-    startGetData,
-  }
-})
\ No newline at end of file
+    startGetData
+  };
+});
diff --git a/stores/settings.ts b/stores/settings.ts
index 7fd7b55..4fb2d72 100644
--- a/stores/settings.ts
+++ b/stores/settings.ts
@@ -1,36 +1,36 @@
-import { skipHydrate  } from 'pinia'
-import { useStorage } from '@vueuse/core'
+import { skipHydrate } from 'pinia';
+import { useStorage } from '@vueuse/core';
 
-export type ListSortMode = 'byCity' | 'byProfit'
-export type ProfitComputeRule = 'maxPriceChange' | 'noChange'
-export type DataDisplayItems = 'profit' | 'perTicketProfit'
+export type ListSortMode = 'byCity' | 'byProfit';
+export type ProfitComputeRule = 'maxPriceChange' | 'noChange';
+export type DataDisplayItems = 'profit' | 'perTicketProfit';
 
 export const useSettingStore = defineStore('setting', () => {
   // const listSortMode = useStorage<ListSortMode>('listSortMode', 'byCity')
   // const profitComputeRule = useStorage<ProfitComputeRule>('profitComputeRule', 'noChange')
-  
-  const listSortMode = ref<ListSortMode>('byCity')
-  const dataDisplayItems = ref<DataDisplayItems[]>(['profit', 'perTicketProfit'])
-  const profitComputeRule = ref<ProfitComputeRule>('maxPriceChange')
+
+  const listSortMode = ref<ListSortMode>('byCity');
+  const dataDisplayItems = ref<DataDisplayItems[]>(['profit', 'perTicketProfit']);
+  const profitComputeRule = ref<ProfitComputeRule>('maxPriceChange');
 
   // 切换列表排序模式
   const switchListSortModeTo = (targetMode: ListSortMode) => {
-    listSortMode.value = targetMode
-  }
+    listSortMode.value = targetMode;
+  };
 
   // 切换利润计算规则
   const switchProfitComputeRuleTo = (targetRule: ProfitComputeRule) => {
-    profitComputeRule.value = targetRule
-  }
+    profitComputeRule.value = targetRule;
+  };
 
   // 切换数据显示项
   const switchDataDisplayItems = (targetItem: DataDisplayItems) => {
     if (dataDisplayItems.value.includes(targetItem)) {
-      dataDisplayItems.value = dataDisplayItems.value.filter(item => item !== targetItem)
+      dataDisplayItems.value = dataDisplayItems.value.filter((item) => item !== targetItem);
     } else {
-      dataDisplayItems.value.push(targetItem)
+      dataDisplayItems.value.push(targetItem);
     }
-  }
+  };
 
   return {
     listSortMode: listSortMode,
@@ -42,5 +42,5 @@ export const useSettingStore = defineStore('setting', () => {
     dataDisplayItems: dataDisplayItems,
     // dataDisplayItems: skipHydrate(dataDisplayItems),
     switchDataDisplayItems
-  }
-})
+  };
+});
diff --git a/utils/cities.ts b/utils/cities.ts
index d2b6c4f..8273b18 100644
--- a/utils/cities.ts
+++ b/utils/cities.ts
@@ -8,10 +8,12 @@ export const products = allProducts as ProductInfo[];
 
 const citiesMap = groupBy(products, (p) => p.city);
 
-export const cities: CityInfo[] = [...citiesMap].map((i) => ({
-  name: i[0],
-  products: i[1]
-})).filter(city => city.products.find(product => product.valuable));
+export const cities: CityInfo[] = [...citiesMap]
+  .map((i) => ({
+    name: i[0],
+    products: i[1]
+  }))
+  .filter((city) => city.products.find((product) => product.valuable));
 
 export function getProductInfo(city: string, name: string) {
   return citiesMap.get(city)?.find((p) => p.name === name);