From f314b9c02336f47e9617167bf135305c9000285c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?=
 <37316281+yanhao98@users.noreply.github.com>
Date: Sun, 8 Dec 2024 18:00:21 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=8C=E4=BC=98=E5=8C=96=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E5=92=8C=E5=B8=83=E5=B1=80=E7=9A=84=E5=B0=BA=E5=AF=B8=EF=BC=8C?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=97=A0=E9=99=90=E5=8A=A0=E8=BD=BD=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=9A=84=E5=88=B7=E6=96=B0=E6=96=B9=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Icons.vue                         |  8 ++++----
 .../UseIntersectionObserverInfiniteLoading.vue   |  2 +-
 src/pages/index-page.vue                         | 16 ++++++++--------
 unocss.config.ts                                 |  2 +-
 4 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/components/Icons.vue b/src/components/Icons.vue
index 6fcfd66..b81ec3d 100644
--- a/src/components/Icons.vue
+++ b/src/components/Icons.vue
@@ -3,7 +3,7 @@
 </script>
 
 <template>
-  <div b="1px solid pink" mt-8 text-16 p-8 space-y-8>
+  <div b="1px solid pink" mt-2 text-4 p-2 space-y-2>
     <!-- <div b="1px solid pink">
       <div>@iconify-json/carbon/icons.json</div>
       <div i-carbon-face-cool text-orange />
@@ -11,7 +11,7 @@
 
     <div b="1px solid pink">
       <div>Icons({ autoInstall: true })</div>
-      <icon-carbon-face-cool class="text-yellow" w-32 h-32 />
+      <icon-carbon-face-cool class="text-yellow" w-8 h-8 />
     </div>
 
     <!-- <div b="1px solid pink">
@@ -21,8 +21,8 @@
 
     <div b="1px solid pink">
       <div>pacman.svg</div>
-      <icon-svg:pacman text-blue w-48 h-48 />
-      <some-icon text-cyan w-48 h-48 />
+      <icon-svg:pacman text-blue w-12 h-12 />
+      <some-icon text-cyan w-12 h-12 />
     </div>
   </div>
 </template>
diff --git a/src/components/UseIntersectionObserverInfiniteLoading.vue b/src/components/UseIntersectionObserverInfiniteLoading.vue
index 5676099..333eec1 100644
--- a/src/components/UseIntersectionObserverInfiniteLoading.vue
+++ b/src/components/UseIntersectionObserverInfiniteLoading.vue
@@ -34,7 +34,7 @@ defineExpose({
   refresh: () => {
     currentPage = 0;
     state.value = '';
-    load('refresh');
+    return load('refresh');
   },
 });
 
diff --git a/src/pages/index-page.vue b/src/pages/index-page.vue
index 7fc0aa5..d55a286 100644
--- a/src/pages/index-page.vue
+++ b/src/pages/index-page.vue
@@ -40,39 +40,39 @@ const FComponent: import('vue').FunctionalComponent<{ prop: string }> = (props,
     <li><router-link class="green" :to="{ name: 'InfiniteLoading' }">Infinite Loading</router-link></li>
   </ul>
 
-  <div b="1px solid pink" mt-8>
+  <div b="1px solid pink" mt-2>
     <I18nComp />
   </div>
 
   <FComponent prop="Hello World" style="margin-top: 8px"></FComponent>
   <div text-orange></div>
 
-  <div b="1px solid pink" mt-8>
+  <div b="1px solid pink" mt-2>
     <ReusableTemplate />
   </div>
-  <div b="1px solid pink" mt-8>
+  <div b="1px solid pink" mt-2>
     <ReactivityTransform />
   </div>
-  <div b="1px solid pink" mt-8>
+  <div b="1px solid pink" mt-2>
     <DefineRender />
   </div>
   <Icons />
 
-  <div :class="$style.hero" mt-8>
+  <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>
     <p>{{ JSON.stringify({ $style }) }}</p>
   </div>
 
-  <div b="1px solid pink" mt-8 p-8>
+  <div b="1px solid pink" mt-2 p-2>
     <SendSms />
   </div>
 
-  <div b="1px solid pink" mt-8 p-8>
+  <div b="1px solid pink" mt-2 p-2>
     <Primevue />
   </div>
 
-  <div b="1px solid pink" mt-8 p-8>
+  <div b="1px solid pink" mt-2 p-2>
     <pre>{{ JSON.stringify(routes, null, 2) }}</pre>
   </div>
 </template>
diff --git a/unocss.config.ts b/unocss.config.ts
index 2a58048..a07ee5f 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -15,7 +15,7 @@ export default defineConfig({
     }),
 
     // https://unocss.dev/presets/rem-to-px
-    presetRemToPx({ baseFontSize: 4 }),
+    // presetRemToPx({ baseFontSize: 4 }),
 
     // https://unocss.dev/presets/attributify
     presetAttributify(),