feat: ship unocss fonts

.gitignore

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

app/pages/index.vue

@@ -9,19 +9,24 @@ const online = useOnline()
 <template>
   <div>
     <Logos mb-6 />
-    <Suspense>
     <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 op50>
+          <span animate-pulse>...</span>
+        </div>
+      </template>
+    </ClientOnly>
     <InputEntry />
   </div>
 </template>

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"
   }

pnpm-lock.yaml

@@ -5,6 +5,7 @@ settings:
   excludeLinksFromLockfile: false
 
 overrides:
+  unplugin: 2.0.0-beta.1
   vite: ^6.0.1
   vite-plugin-inspect: ^0.10.1
 
@@ -1530,7 +1531,7 @@ packages:
     resolution: {integrity: sha512-PNRHbydNG5EH8NK4c+izdJlxajIR6GxcUhzsYNRsn6Myep4dsZt0qFCz3rCPnkvgO5FYibDcMqgNHUT+zvjYZw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^9.15.0
+      eslint: '>=8.40.0'
 
   '@surma/rollup-plugin-off-main-thread@2.2.3':
     resolution: {integrity: sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==}
@@ -1787,8 +1788,8 @@ packages:
   '@vitest/eslint-plugin@1.1.12':
     resolution: {integrity: sha512-iv9K9fz9qRxBo9J/PGSMcLdOFIKqtFZ6THqSVG/jW8CJZFkIWLxPduCTXkbyG6FNKgL49fkv348nSgmfqCU6FA==}
     peerDependencies:
-      '@typescript-eslint/utils': ^8.16.0
+      '@typescript-eslint/utils': '>= 8.0'
-      eslint: ^9.15.0
+      eslint: '>= 8.57.0'
       typescript: '>= 5.0.0'
       vitest: '*'
     peerDependenciesMeta:
@@ -2700,7 +2701,7 @@ packages:
     resolution: {integrity: sha512-tCNp4fR79Le3dYTPB0dKEv7yFyvGkUCa+Z3yuTrrNGGOxBlXo9Pn0PEgroOZikUQOGjxoGMVKNjrOHcYEdfszg==}
     engines: {node: '>=18'}
     peerDependencies:
-      eslint: ^9.15.0
+      eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
 
   eslint-plugin-jsonc@2.18.2:
     resolution: {integrity: sha512-SDhJiSsWt3nItl/UuIv+ti4g3m4gpGkmnUJS9UWR3TrpyNsIcnJoBRD7Kof6cM4Rk3L0wrmY5Tm3z7ZPjR2uGg==}
@@ -4960,9 +4961,9 @@ packages:
       vue-router:
         optional: true
 
-  unplugin@1.16.0:
+  unplugin@2.0.0-beta.1:
-    resolution: {integrity: sha512-5liCNPuJW8dqh3+DM6uNM2EI3MLLpCKp/KY+9pB5M2S2SR2qvvDHhKgBOaTWEbZTAws3CXfB0rKTIolWKL05VQ==}
+    resolution: {integrity: sha512-2qzQo5LN2DmUZXkWDHvGKLF5BP0WN+KthD6aPnPJ8plRBIjv4lh5O07eYcSxgO2znNw9s4MNhEO1sB+JDllDbQ==}
-    engines: {node: '>=14.0.0'}
+    engines: {node: '>=18.12.0'}
 
   unstorage@1.13.1:
     resolution: {integrity: sha512-ELexQHUrG05QVIM/iUeQNdl9FXDZhqLJ4yP59fnmn2jGUh0TEulwOgov1ubOb3Gt2ZGK/VMchJwPDNVEGWQpRg==}
@@ -6811,7 +6812,7 @@ snapshots:
       strip-literal: 2.1.1
       ufo: 1.5.4
       unenv: 1.10.0
-      unplugin: 1.16.0
+      unplugin: 2.0.0-beta.1
       vite: 6.0.1(@types/node@22.10.1)(jiti@2.4.0)(terser@5.36.0)(tsx@4.19.2)(yaml@2.6.1)
       vite-node: 2.1.6(@types/node@22.10.1)(jiti@2.4.0)(terser@5.36.0)(tsx@4.19.2)(yaml@2.6.1)
       vite-plugin-checker: 0.8.0(eslint@9.15.0(jiti@2.4.0))(optionator@0.9.4)(typescript@5.6.3)(vite@6.0.1(@types/node@22.10.1)(jiti@2.4.0)(terser@5.36.0)(tsx@4.19.2)(yaml@2.6.1))(vue-tsc@2.1.10(typescript@5.6.3))
@@ -7512,7 +7513,7 @@ snapshots:
       chokidar: 3.6.0
       magic-string: 0.30.14
       tinyglobby: 0.2.10
-      unplugin: 1.16.0
+      unplugin: 2.0.0-beta.1
       webpack-sources: 3.2.3
     transitivePeerDependencies:
       - rollup
@@ -9258,7 +9259,7 @@ snapshots:
       mlly: 1.7.3
       pathe: 1.1.2
       unenv: 1.10.0
-      unplugin: 1.16.0
+      unplugin: 2.0.0-beta.1
     transitivePeerDependencies:
       - rollup
 
@@ -10198,7 +10199,7 @@ snapshots:
       unenv: 1.10.0
       unhead: 1.11.13
       unimport: 3.14.1(rollup@4.27.4)
-      unplugin: 1.16.0
+      unplugin: 2.0.0-beta.1
       unplugin-vue-router: 0.10.8(rollup@4.27.4)(vue-router@4.5.0(vue@3.5.13(typescript@5.6.3)))(vue@3.5.13(typescript@5.6.3))
       unstorage: 1.13.1(ioredis@5.4.1)
       untyped: 1.5.1
@@ -11283,7 +11284,7 @@ snapshots:
       acorn: 8.14.0
       estree-walker: 3.0.3
       magic-string: 0.30.14
-      unplugin: 1.16.0
+      unplugin: 2.0.0-beta.1
 
   undici-types@6.20.0: {}
 
@@ -11330,7 +11331,7 @@ snapshots:
       scule: 1.3.0
       strip-literal: 2.1.1
       tinyglobby: 0.2.10
-      unplugin: 1.16.0
+      unplugin: 2.0.0-beta.1
     transitivePeerDependencies:
       - rollup
 
@@ -11400,7 +11401,7 @@ snapshots:
       mlly: 1.7.3
       pathe: 1.1.2
       scule: 1.3.0
-      unplugin: 1.16.0
+      unplugin: 2.0.0-beta.1
       yaml: 2.6.1
     optionalDependencies:
       vue-router: 4.5.0(vue@3.5.13(typescript@5.6.3))
@@ -11408,7 +11409,7 @@ snapshots:
       - rollup
       - vue
 
-  unplugin@1.16.0:
+  unplugin@2.0.0-beta.1:
     dependencies:
       acorn: 8.14.0
       webpack-virtual-modules: 0.6.2
@@ -11453,7 +11454,7 @@ snapshots:
       mlly: 1.7.3
       pathe: 1.1.2
       pkg-types: 1.2.1
-      unplugin: 1.16.0
+      unplugin: 2.0.0-beta.1
 
   upath@1.2.0: {}
 

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: [