fix: update vuetify config and fonts

chantouchsek · Apr 22, 2024 · d6344a3 · d6344a3
1 parent 66b9db1
commit d6344a3
Show file tree

Hide file tree

Showing 6 changed files with 454 additions and 800 deletions.
diff --git a/assets/scss/vuetify/_variables.scss b/assets/scss/vuetify/_variables.scss
diff --git a/assets/scss/vuetify/settings.scss b/assets/scss/vuetify/settings.scss
@@ -1,4 +1,7 @@
+$body-font-family: 'Battambang', 'Poppins', sans-serif !important;
+
 @forward 'vuetify/settings' with (
+  $body-font-family: $body-font-family,
   $utilities: false,
   $color-pack: false
 );
diff --git a/layouts/auth.vue b/layouts/auth.vue
@@ -25,7 +25,7 @@ const title = computed(() => t((route.meta.title as string) || 'app.name'))
     <Body>
       <VApp>
         <VMain>
-          <VContainer class="fill-height" fluid>
+          <VContainer class="fill-height h-full" fluid>
             <VLayout class="items-center justify-center w-full" full-height>
               <slot />
             </VLayout>

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -24,7 +24,6 @@ export default defineNuxtConfig({
     '@vue-macros/nuxt',
     '@unocss/nuxt',
     '@unocss/nuxt',
-    '@nuxtjs/color-mode',
     'dayjs-nuxt',
     'vuetify-nuxt-module',
     '@nuxt/fonts',
@@ -63,6 +62,7 @@ export default defineNuxtConfig({
   vuetify: {
     moduleOptions: {
       prefixComposables: true,
+      styles: { configFile: 'assets/scss/vuetify/settings.scss' },
     },
   },
   auth: {
@@ -135,4 +135,14 @@ export default defineNuxtConfig({
       },
     },
   },
+  fonts: {
+    families: [
+      {
+        name: 'Battambang',
+        provider: 'google',
+        weights: [100, 300, 400, 700, 900],
+      },
+    ],
+    provider: 'google',
+  },
 })
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@chantouchsek/amazing-admin",
   "private": true,
-  "packageManager": "[email protected].4",
+  "packageManager": "[email protected].5",
   "type": "module",
   "engines": {
     "node": ">=18",
@@ -33,7 +33,6 @@
     "@nuxt-alt/http": "^1.7.10",
     "@nuxt/eslint": "0.3.8",
     "@nuxt/fonts": "^0.6.1",
-    "@nuxtjs/color-mode": "^3.4.0",
     "@nuxtjs/i18n": "^8.3.0",
     "@nuxtjs/robots": "^3.0.0",
     "@nuxtjs/sitemap": "^5.1.4",
@@ -45,7 +44,7 @@
     "@vue-macros/nuxt": "^1.9.30",
     "@vueuse/nuxt": "^10.9.0",
     "dayjs-nuxt": "^2.1.9",
-    "eslint": "^9.0.0",
+    "eslint": "^9.1.0",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
     "nuxt": "^3.11.2",
@@ -65,6 +64,6 @@
     "vue-router": "^4.3.2",
     "vue-tsc": "^1.8.27",
     "vuetify-nuxt-module": "^0.13.2",
-    "zod": "^3.22.5"
+    "zod": "^3.23.0"
   }
 }