feat: ship unocss fonts

Author: antfu

Diff for: .gitignore

@@ -5,3 +5,4 @@ dist
 .nuxt
 .env
 .idea/
+public/assets/fonts

Diff for: app/pages/index.vue

@@ -9,19 +9,24 @@ const online = useOnline()
 <template>
   <div>
     <Logos mb-6 />
-    <Suspense>
-      <ClientOnly>
+    <ClientOnly>
+      <Suspense>
         <PageView v-if="online" />
         <div v-else text-gray:80>
           You're offline
         </div>
-      </ClientOnly>
+        <template #fallback>
+          <div italic op50>
+            <span animate-pulse>Loading...</span>
+          </div>
+        </template>
+      </Suspense>
       <template #fallback>
-        <div italic op50>
-          <span animate-pulse>Loading...</span>
+        <div op50>
+          <span animate-pulse>...</span>
         </div>
       </template>
-    </Suspense>
+    </ClientOnly>
     <InputEntry />
   </div>
 </template>

Diff for: package.json

@@ -34,6 +34,7 @@
     "vue-tsc": "^2.1.10"
   },
   "resolutions": {
+    "unplugin": "2.0.0-beta.1",
     "vite": "^6.0.1",
     "vite-plugin-inspect": "^0.10.1"
   }

Diff for: pnpm-lock.yaml

@@ -1,3 +1,4 @@
+import { createLocalFontProcessor } from '@unocss/preset-web-fonts/local'
 import {
   defineConfig,
   presetAttributify,
@@ -27,6 +28,7 @@ export default defineConfig({
         serif: 'DM Serif Display',
         mono: 'DM Mono',
       },
+      processors: createLocalFontProcessor(),
     }),
   ],
   transformers: [