chore: format

Author: lisonge

.prettierrc.mjs

@@ -0,0 +1,5 @@
+import type { Config } from 'prettier';
+
+export default {
+  singleQuote: true,
+} as Config;

.prettierrc.ts

@@ -79,7 +79,7 @@
     "vue-router": "4.5.1"
   },
   "volta": {
-    "node": "24.3.0",
+    "node": "24.4.1",
     "pnpm": "10.12.3"
   },
   "packageManager": "pnpm@10.12.3",

package.json

@@ -110,11 +110,7 @@ useEventListener('selectstart', (e) => {
 });
 </script>
 <template>
-  <div
-    fixed
-    z-2000
-    class="BodyScrollbar"
-  >
+  <div fixed z-2000 class="BodyScrollbar">
     <div
       v-show="yShow"
       scrollbar-y

src/components/BodyScrollbar.vue

@@ -275,8 +275,5 @@ watch(
 );
 </script>
 <template>
-  <div
-    ref="el"
-    class="TrackGraph"
-  />
+  <div ref="el" class="TrackGraph" />
 </template>

src/components/TrackGraph.vue

@@ -59,11 +59,7 @@ useEventListener('keyup', (e) => {
       'track-model-exit': showStatus === 1,
     }"
   >
-    <TrackCard
-      v-if="data"
-      v-bind="data"
-      @close="onUpdateShow(false)"
-    />
+    <TrackCard v-if="data" v-bind="data" @close="onUpdateShow(false)" />
   </div>
 </template>
 

src/components/TrackModal.vue

@@ -79,10 +79,7 @@ onMounted(async () => {
     flex-col
     flex-items-center
   >
-    <div
-      v-if="!gmOk()"
-      mb-20px
-    >
+    <div v-if="!gmOk()" mb-20px>
       建议安装并启用
       <a
         href="https://github.com/gkd-kit/network-extension"

src/views/ImportPage.vue

@@ -68,21 +68,12 @@ const error = computed(() => {
 });
 </script>
 <template>
-  <div
-    flex
-    items-center
-    gap-16px
-    pt-12px
-    px-12px
-  >
+  <div flex items-center gap-16px pt-12px px-12px>
     <NTooltip placement="right">
       <template #trigger>
         <NButton text>
           <template #icon>
-            <RouterLink
-              to="/"
-              color="inherit"
-            >
+            <RouterLink to="/" color="inherit">
               <NIcon size="24">
                 <SvgIcon name="home" />
               </NIcon>
@@ -92,23 +83,12 @@ const error = computed(() => {
       </template>
       回到首页
     </NTooltip>
-    <div
-      flex
-      gap-16px
-    >
-      <div text-18px>
-        测试选择器
-      </div>
+    <div flex gap-16px>
+      <div text-18px>测试选择器</div>
       <div>语法高亮/错误解析</div>
     </div>
   </div>
-  <div
-    flex
-    flex-col
-    items-center
-    p-8px
-    text="40px/52px"
-  >
+  <div flex flex-col items-center p-8px text="40px/52px">
     <NInput
       v-model:value="inputText"
       type="textarea"
@@ -129,30 +109,14 @@ const error = computed(() => {
       transition-colors
       :class="error ? `bg-red-200` : `bg-light-600`"
     >
-      <div
-        v-if="ast"
-        overflow-x-scroll
-        scrollbar-hidden
-      >
-        <SelectorText
-          :source="text"
-          :node="ast"
-        />
+      <div v-if="ast" overflow-x-scroll scrollbar-hidden>
+        <SelectorText :source="text" :node="ast" />
       </div>
-      <span
-        v-else-if="error"
-        whitespace-pre-wrap
-      >
+      <span v-else-if="error" whitespace-pre-wrap>
         <span v-if="error.headText">{{ error.headText }}</span>
-        <span
-          bg-red
-          relative
-        >
+        <span bg-red relative>
           <span v-if="error.errorText">{{ error.errorText }}</span>
-          <span
-            v-else
-            pl-20px
-          />
+          <span v-else pl-20px />
           <div
             absolute
             left-0
@@ -164,21 +128,13 @@ const error = computed(() => {
             animate-bounce
             pointer-events-none
           >
-            <SvgIcon
-              name="arrow"
-              class="text-18px color-dark"
-            />
+            <SvgIcon name="arrow" class="text-18px color-dark" />
           </div>
         </span>
         <span v-if="error.tailText">{{ error.tailText }}</span>
       </span>
     </div>
-    <div
-      v-if="error"
-      p-4px
-      bg-red-300
-      gkd_code
-    >
+    <div v-if="error" p-4px bg-red-300 gkd_code>
       {{ error.message }}
     </div>
   </div>

src/views/SelectorPage.vue

@@ -40,13 +40,7 @@ const copy = async (text: string) => {
 </script>
 <template>
   <div class="SvgPage">
-    <div
-      px-16px
-      pt-16px
-      flex
-      items-center
-      gap-16px
-    >
+    <div px-16px pt-16px flex items-center gap-16px>
       <NInput
         v-model="search"
         :style="{ width: '320px' }"

src/views/SvgPage.vue

@@ -1,15 +1,6 @@
 <template>
-  <div
-    flex
-    flex-col
-    flex-items-center
-    w-full
-    pt-50px
-    gap-8px
-  >
+  <div flex flex-col flex-items-center w-full pt-50px gap-8px>
     <div>当前页面不存在可访问资源</div>
-    <RouterLink to="/">
-      回到首页
-    </RouterLink>
+    <RouterLink to="/"> 回到首页 </RouterLink>
   </div>
 </template>