minor refactors

src/components/LeftSidebar/Navigation.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="side-nav-container" :class="{ collapsed: props.collapsed }">
+  <div class="side-nav-container">
     <router-link
       v-for="menu in menus"
       :key="menu.name"
@@ -47,29 +47,9 @@ const menus = [
   },
 ];
 
-const props = defineProps({
-  collapsed: {
-    type: Boolean,
-    default: false,
-  },
-});
 </script>
 
 <style lang="scss">
-.collapsed {
-  .nav-button {
-    margin-top: 5px;
-
-    span {
-      display: none;
-    }
-
-    .in {
-      width: 100%;
-      flex-direction: column;
-    }
-  }
-}
 
 .side-nav-container {
   color: #fff;

src/components/LeftSidebar/PinnedStuff.vue

@@ -1,9 +1,5 @@
 <template>
-  <div
-    class="side-nav-container rounded hidden"
-    :class="{ hidden: collapsed }"
-    id="pinned-container"
-  >
+  <div class="side-nav-container rounded hidden" id="pinned-container">
     <div>
       <div class="nav-button" id="pinned-button">
         <span id="text">Quick access</span>
@@ -53,13 +49,6 @@
   </div>
 </template>
 
-<script>
-export default {
-  props: ["collapsed"],
-  setup() {},
-};
-</script>
-
 <style lang="scss">
 #pinned-container {
   background: #6e2c00;
@@ -102,5 +91,4 @@ export default {
 #pinned-container #pinned-button:hover {
   background-color: transparent;
 }
-
-</style>
+</style>

src/components/RightSideBar/Main.vue

@@ -17,12 +17,12 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import Search from "./Search.vue";
 import UpNext from "./Queue.vue";
 import Main from "./Home/Main.vue";
 import useTabStore from "../../stores/tabs";
-
+// import Search from "./Searchh.vue";
 const DashBoard = Main;
 const tabs = useTabStore();
 </script>

src/components/nav/NavButtons.vue

@@ -5,10 +5,6 @@
   </div>
 </template>
 
-<script setup>
-console.log();
-</script>
-
 <style lang="scss">
 #back-forward {
   display: grid;