From f9c88d77c9e7881c22420da99d15a582c37d4e8b Mon Sep 17 00:00:00 2001 From: SiriusAshling <53594055+SiriusAshling@users.noreply.github.com> Date: Fri, 17 May 2024 17:46:12 +0200 Subject: [PATCH] remove 550kb of vuetify bloat per page --- assets/scss/vuetifyCustomization.scss | 15 +- components/TableOfContents.vue | 12 +- error.vue | 13 +- package.json | 4 +- pages/docs/[...slug].vue | 4 +- plugins/vuetify.ts | 16 +- styles/main.scss | 2 + styles/settings.scss | 4 + yarn.lock | 253 +++++++++++--------------- 9 files changed, 162 insertions(+), 161 deletions(-) create mode 100644 styles/main.scss create mode 100644 styles/settings.scss diff --git a/assets/scss/vuetifyCustomization.scss b/assets/scss/vuetifyCustomization.scss index 65b5472..9346d84 100644 --- a/assets/scss/vuetifyCustomization.scss +++ b/assets/scss/vuetifyCustomization.scss @@ -1,8 +1,17 @@ -.v-list-item__overlay { - background-color: rgb(var(--v-theme-primary)) !important; +.v-app-bar { + border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity)) !important; } -.backdrop { +.v-app-bar, +.v-navigation-drawer { background-color: rgba(var(--v-theme-background), 0.75) !important; backdrop-filter: blur(8px); } + +.v-list { + background: inherit !important; +} + +.v-list-item__overlay { + background-color: rgb(var(--v-theme-primary)) !important; +} diff --git a/components/TableOfContents.vue b/components/TableOfContents.vue index 8b141c9..d159506 100644 --- a/components/TableOfContents.vue +++ b/components/TableOfContents.vue @@ -49,20 +49,24 @@ - diff --git a/error.vue b/error.vue index c77e85f..7a558dc 100644 --- a/error.vue +++ b/error.vue @@ -13,7 +13,7 @@ + + diff --git a/package.json b/package.json index 9d67864..8f58869 100644 --- a/package.json +++ b/package.json @@ -9,14 +9,14 @@ }, "dependencies": { "@fontsource/nunito-sans": "^5.0.13", - "@mdi/font": "^7.4.47", "@nuxt/content": "^2.12.1", "nuxt": "^3.11.2", "remark-orimoji": "file:./remark/orimoji" }, "devDependencies": { + "@mdi/js": "^7.4.47", "prettier": "^3.2.5", - "sass": "^1.77.1", + "sass": "^1.74.1", "shiki": "^1.5.2", "vite-plugin-vuetify": "^2.0.3", "vuetify": "^3.6.5" diff --git a/pages/docs/[...slug].vue b/pages/docs/[...slug].vue index ae3c5ca..dcd801a 100644 --- a/pages/docs/[...slug].vue +++ b/pages/docs/[...slug].vue @@ -1,4 +1,6 @@