From a289622188d38f6765264dd85f1d19da8b1193be Mon Sep 17 00:00:00 2001
From: ReenigneArcher <42013603+ReenigneArcher@users.noreply.github.com>
Date: Sat, 31 Aug 2024 22:46:00 -0400
Subject: [PATCH] feat(web): use shared-web

---
 package.json                            | 11 ++++++-----
 src_assets/common/assets/web/Navbar.vue |  5 ++---
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index b4332c3a7d7..66bef088fdd 100644
--- a/package.json
+++ b/package.json
@@ -6,12 +6,13 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "6.6.0",
-    "@popperjs/core": "2.11.8",
-    "@vitejs/plugin-vue": "4.6.2",
-    "bootstrap": "5.3.3",
-    "vite": "4.5.2",
-    "vite-plugin-ejs": "1.6.4",
+    "@lizardbyte/shared-web": "2024.901.170100",
     "vue": "3.4.38",
     "vue-i18n": "9.14.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "4.6.2",
+    "vite": "4.5.2",
+    "vite-plugin-ejs": "1.6.4"
   }
 }
diff --git a/src_assets/common/assets/web/Navbar.vue b/src_assets/common/assets/web/Navbar.vue
index 838c630f45a..2358750b255 100644
--- a/src_assets/common/assets/web/Navbar.vue
+++ b/src_assets/common/assets/web/Navbar.vue
@@ -39,6 +39,7 @@
 
 <script>
 import ThemeToggle from './ThemeToggle.vue'
+import { initDiscord } from '@lizardbyte/shared-web/src/js/discord.js'
 
 export default {
   components: { ThemeToggle },
@@ -48,9 +49,7 @@ export default {
   mounted() {
     let el = document.querySelector("a[href='" + document.location.pathname + "']");
     if (el) el.classList.add("active")
-    let discordWidget = document.createElement('script')
-    discordWidget.setAttribute('src', 'https://app.lizardbyte.dev/js/discord.js')
-    document.head.appendChild(discordWidget)
+    initDiscord();
   }
 }
 </script>