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 @@
-
+
@@ -27,3 +27,14 @@
+
+
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 @@