feat: use @nuxt/fonts for font download

.gitignore

@@ -10,4 +10,5 @@ dist
 
 docker-compose.yml
 .netlify
-uploads
+uploads
+.data

assets/styles/main.css

@@ -1,3 +1,7 @@
+:root {
+  font-family: 'Rubik';
+}
+
 .page {
   min-height: 100vh;
   min-height: 100dvh;

nuxt.config.ts

@@ -15,18 +15,6 @@ export default defineNuxtConfig({
       htmlAttrs: {
         lang: 'en'
       },
-      link: [
-        { rel: 'preconnect', href: 'https://fonts.googleapis.com' },
-        {
-          rel: 'preconnect',
-          href: 'https://fonts.gstatic.com',
-          crossorigin: 'anonymous'
-        },
-        {
-          rel: 'stylesheet',
-          href: 'https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap'
-        }
-      ],
       meta: [
         { name: 'description', content: 'Edge compatible Nuxt starter' },
         { name: 'theme-color', content: '#18181B' }
@@ -41,7 +29,8 @@ export default defineNuxtConfig({
     '@bg-dev/nuxt-naiveui',
     '@nuxtjs/tailwindcss',
     'nuxt-s3',
-    'nuxt-security'
+    'nuxt-security',
+    '@nuxt/fonts'
   ],
 
   auth,
@@ -51,8 +40,7 @@ export default defineNuxtConfig({
 
   security: {
     corsHandler: {
-      origin: process.env.NUXT_PUBLIC_AUTH_BASE_URL,
-      methods: '*'
+      origin: process.env.NUXT_PUBLIC_AUTH_BASE_URL
     },
     headers: {
       crossOriginEmbedderPolicy: false,

package.json

@@ -17,6 +17,7 @@
     "@bg-dev/nuxt-auth": "2.4.3",
     "@bg-dev/nuxt-naiveui": "1.10.2",
     "@nuxt/devtools": "^1.0.8",
+    "@nuxt/fonts": "^0.0.1",
     "@nuxtjs/eslint-config": "^12.0.0",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
     "@nuxtjs/tailwindcss": "^6.11.4",