ADD: Bootstrap import

Author: howbizarre

package-lock.json

@@ -17,6 +17,7 @@
     "vue-router": "^4.1.6"
   },
   "devDependencies": {
+    "@types/bootstrap": "^5.2.6",
     "@types/node": "^18.14.0",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vue/tsconfig": "^0.1.3",

package.json

@@ -60,6 +60,7 @@
 </template>
 
 <script lang="ts" setup>
+import { Collapse } from "bootstrap";
 import { computed } from "vue";
 import { useRouter } from "vue-router";
 import { routes } from "@/router";
@@ -71,19 +72,18 @@ const isActive = (path: string) => path === activeRoute.value;
 
 <style lang="scss" scoped>
 $blc: #000;
-$lblc: rgba($blc, 0.65);
+$lblc: rgba($blc, 0.5);
 
 a {
   text-decoration: none;
   color: $lblc;
   transition: all 0.25s;
+
+  &.nav-link.router-link-active.router-link-exact-active,
+  &:hover { color: $blc; }
 }
 
 ul {
   list-style: none;
 }
-
-.nav-link { border-top: 1px solid rgba($lblc, 0.01); }
-
-.nav-link.router-link-active.router-link-exact-active { border-top: 1px solid rgba($lblc, 0.2); }
 </style>