fix: app dev & font local

Author: nekomeowww

package.json

@@ -15,7 +15,7 @@
     "start": "vite preview",
     "app:start": "electron-vite preview",
     "dev": "vite dev",
-    "dev:app": "electron-vite dev",
+    "app:dev": "electron-vite dev",
     "build": "electron-vite build",
     "test": "vitest --coverage",
     "test:run": "vitest run",
@@ -63,6 +63,7 @@
     "@unocss/eslint-config": "^66.1.2",
     "@unocss/eslint-plugin": "^66.1.2",
     "@unocss/preset-mini": "^66.1.2",
+    "@unocss/preset-web-fonts": "^66.1.2",
     "@unocss/preset-wind3": "^66.1.2",
     "@unocss/reset": "^66.1.2",
     "@vitejs/plugin-vue": "^5.2.4",

pnpm-lock.yaml

@@ -1,6 +1,7 @@
 import type { PresetOrFactoryAwaitable } from 'unocss'
 
 import { colorToString } from '@unocss/preset-mini/utils'
+import { createLocalFontProcessor } from '@unocss/preset-web-fonts/local'
 import { defineConfig, mergeConfigs, presetAttributify, presetIcons, presetTypography, presetWebFonts, presetWind3, transformerDirectives, transformerVariantGroup } from 'unocss'
 import presetAnimations from 'unocss-preset-animations'
 import { presetScrollbar } from 'unocss-preset-scrollbar'
@@ -98,6 +99,15 @@ export function sharedUnoConfig() {
           warning: 5000,
           failure: 10000,
         },
+        // This will download the fonts and serve them locally
+        processors: createLocalFontProcessor({
+        // Directory to cache the fonts
+          cacheDir: 'node_modules/.cache/unocss/fonts',
+          // Directory to save the fonts assets
+          fontAssetsDir: 'public/assets/fonts',
+          // Base URL to serve the fonts from the client
+          fontServeBaseUrl: '/assets/fonts',
+        }),
       }),
       presetIcons({
         scale: 1.2,

uno.config.ts

@@ -9,6 +9,7 @@ import Layouts from 'vite-plugin-vue-layouts'
 
 // https://vitejs.dev/config/
 export default defineConfig(async () => ({
+  root: resolve(join('src', 'renderer')),
   optimizeDeps: {
     exclude: [
       '@proj-airi/ui',