scroll to top on page change

This commit is contained in:
geoffrey45 2022-06-10 10:39:04 +03:00
parent 857c2484fe
commit 67d19fb6e3
3 changed files with 21 additions and 20 deletions

View File

@ -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;

View File

@ -14,7 +14,7 @@
</div>
</template>
<script setup>
<script setup lang="ts">
import useTabStore from "../../stores/tabs";
const tabs = useTabStore();

View File

@ -45,7 +45,7 @@
</div>
</template>
<script setup>
<script setup lang="ts">
import useContextStore from "../stores/context";
const context = useContextStore();