feat: ship unocss fonts

antfu · Nov 29, 2024 · c075b45 · c075b45
1 parent ac2d73a
commit c075b45
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 22 deletions.
diff --git a/.gitignore b/.gitignore
@@ -5,3 +5,4 @@ dist
 .nuxt
 .env
 .idea/
+public/assets/fonts
diff --git a/app/pages/index.vue b/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 --git a/package.json b/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 --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/uno.config.ts b/uno.config.ts
@@ -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: [
-Original file line number
+Diff line change
@@ Expand Up / @@ -5,3 +5,4 @@ dist @@
     .nuxt
     .env
     .idea/
+    public/assets/fonts