From eff30bd6c013aeb152d49aa94f102c7f6cfcadaa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Fri, 27 Dec 2024 15:02:29 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=92=8C=E7=BB=93=E6=9E=84=EF=BC=8C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=87=BD=E6=95=B0=E5=BC=8F=E7=BB=84=E4=BB=B6=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .vscode/settings.json    |  2 +-
 src/pages/index.page.vue | 49 +++++++++++++++++++---------------------
 2 files changed, 24 insertions(+), 27 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 3c525f6..2ca1ca1 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,6 +1,6 @@
 {
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit",
+    "source.fixAll.eslint": "never",
     "source.organizeImports": "never",
     "source.fixAll.oxc": "explicit"
   },
diff --git a/src/pages/index.page.vue b/src/pages/index.page.vue
index 1650646..4da91e6 100644
--- a/src/pages/index.page.vue
+++ b/src/pages/index.page.vue
@@ -17,44 +17,41 @@ useHead({
 consola.info('routes', routes);
 
 const FComponent: import('vue').FunctionalComponent<{ prop: string }> = (props, context) => (
-  // <>
-  <div border="1 solid pink" text="pink">
-    <span>
-      <a
-        class="green"
-        target="_blank"
-        rel="noopener noreferrer"
-        href="https://cn.vuejs.org/guide/extras/render-function#typing-functional-components"
-      >
-        函数式组件
-      </a>
-      ，接收到的 prop 值为：
-    </span>
+  <>
+    <a
+      class="green"
+      target="_blank"
+      rel="noopener noreferrer"
+      href="https://cn.vuejs.org/guide/extras/render-function#typing-functional-components"
+    >
+      函数式组件: https://cn.vuejs.org/guide/extras/render-function#typing-functional-components
+    </a>
+    <p>函数式组件，接收到的 prop 值为：</p>
     <pre>{JSON.stringify(props, null, 2)}</pre>
-  </div>
-  // </>
+  </>
 );
 </script>
 
 <template>
-  <ul>
-    <li><router-link class="green" :to="{ name: 'DataLoadersId', params: { id: 520 } }">Data Loaders</router-link></li>
-  </ul>
+  <div b="1px solid pink" mt-2 p-2>
+    <ul>
+      <li>
+        <router-link class="green" :to="{ name: 'DataLoadersId', params: { id: 520 } }">Data Loaders</router-link>
+      </li>
+    </ul>
+  </div>
+  <div b="1px solid pink" mt-2 p-2>
+    <FComponent prop="Hello World" style="margin-top: 1rem"></FComponent>
+  </div>
 
-  <FComponent prop="Hello World" style="margin-top: 1rem"></FComponent>
-
-  <SendSms class="my-4!" />
-  <div rounded-4 px-4 py-2 bg-black text-white>commit: {{ VITE_BUILD_COMMIT }}</div>
+  <SendSms class="mt-2!" />
+  <div b="1px solid pink" mt-2 p-2>commit: {{ VITE_BUILD_COMMIT }}</div>
 
   <div :class="$style.hero" mt-2>
     <h1><i>🔌</i> Vite Plugin Webfont DL <i>⚡</i></h1>
     <h2>Fonts are downloaded directly from Google Fonts</h2>
     <pre>{{ JSON.stringify({ $style }, null, 2) }}</pre>
   </div>
-
-  <div b="1px solid pink" mt-2 p-2>
-    <pre>{{ routes }}</pre>
-  </div>
 </template>
 
 <style module>