From 67d19fb6e30b596d9013033c612c2972f5a1916b Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Fri, 10 Jun 2022 10:39:04 +0300
Subject: [PATCH] scroll to top on page change

---
 src/App.vue                          | 37 ++++++++++++++--------------
 src/components/RightSideBar/Tabs.vue |  2 +-
 src/components/contextMenu.vue       |  2 +-
 3 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index e88bc82..a3dbcd5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,22 +21,23 @@
 </template>
 
 <script setup lang="ts">
-import Navigation from "./components/LeftSidebar/Navigation.vue";
+import Navigation from "@/components/LeftSidebar/Navigation.vue";
 
-import Main from "./components/RightSideBar/Main.vue";
-import nowPlaying from "./components/LeftSidebar/nowPlaying.vue";
-import NavBar from "./components/nav/NavBar.vue";
-import Tabs from "./components/RightSideBar/Tabs.vue";
-import SearchInput from "./components/RightSideBar/SearchInput.vue";
-import useContextStore from "./stores/context";
-import ContextMenu from "./components/contextMenu.vue";
-import Modal from "./components/modal.vue";
-import Notification from "./components/Notification.vue";
-import useQStore from "./stores/queue";
-import useShortcuts from "./composables/useKeyboard";
-import Logo from "./components/Logo.vue";
+import RightSideBar from "@/components/RightSideBar/Main.vue";
+import nowPlaying from "@/components/LeftSidebar/nowPlaying.vue";
+import NavBar from "@/components/nav/NavBar.vue";
+import Tabs from "@/components/RightSideBar/Tabs.vue";
+import SearchInput from "@/components/RightSideBar/SearchInput.vue";
+import useContextStore from "@/stores/context";
+import ContextMenu from "@/components/contextMenu.vue";
+import Modal from "@/components/modal.vue";
+import Notification from "@/components/Notification.vue";
+import useQStore from "@/stores/queue";
+import useShortcuts from "@/composables/useKeyboard";
+import Logo from "@/components/Logo.vue";
+import Content from "@/components/Content.vue";
+import { useRouter } from "vue-router";
 
-const RightSideBar = Main;
 const context_store = useContextStore();
 const queue = useQStore();
 const app_dom = document.getElementById("app");
@@ -49,6 +50,10 @@ app_dom.addEventListener("click", (e) => {
     context_store.hideContextMenu();
   }
 });
+
+useRouter().afterEach(() => {
+  document.getElementById("acontent")?.scrollTo(0, 0);
+});
 </script>
 
 <style lang="scss">
@@ -65,10 +70,6 @@ app_dom.addEventListener("click", (e) => {
   }
 }
 
-
-
-
-
 .r-sidebar {
   &::-webkit-scrollbar {
     display: none;
diff --git a/src/components/RightSideBar/Tabs.vue b/src/components/RightSideBar/Tabs.vue
index 9f88aee..d0a2a17 100644
--- a/src/components/RightSideBar/Tabs.vue
+++ b/src/components/RightSideBar/Tabs.vue
@@ -14,7 +14,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import useTabStore from "../../stores/tabs";
 
 const tabs = useTabStore();
diff --git a/src/components/contextMenu.vue b/src/components/contextMenu.vue
index 690889b..c0127b1 100644
--- a/src/components/contextMenu.vue
+++ b/src/components/contextMenu.vue
@@ -45,7 +45,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import useContextStore from "../stores/context";
 
 const context = useContextStore();