feat(web): use shared-web (#3116)

package.json

@@ -5,13 +5,13 @@
     "dev": "vite build --watch"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-free": "6.6.0",
+    "@lizardbyte/shared-web": "2024.901.195233",
-    "@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",
     "vue": "3.5.2",
     "vue-i18n": "9.14.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "4.6.2",
+    "vite": "4.5.2",
+    "vite-plugin-ejs": "1.6.4"
   }
 }

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')
+    initDiscord();
-    discordWidget.setAttribute('src', 'https://app.lizardbyte.dev/js/discord.js')
-    document.head.appendChild(discordWidget)
   }
 }
 </script>