From 59b9b0f412355dd261ed01ea3088e49f489e4dbb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Recep=20=C3=96zt=C3=BCrk?= <recep.fed@gmail.com>
Date: Mon, 14 Feb 2022 22:19:27 +0300
Subject: [PATCH] feat:scroll top to each route

---
 src/pages/docs/main/struct/[struct].vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/pages/docs/main/struct/[struct].vue b/src/pages/docs/main/struct/[struct].vue
index 775204f..a6eb0f8 100644
--- a/src/pages/docs/main/struct/[struct].vue
+++ b/src/pages/docs/main/struct/[struct].vue
@@ -25,7 +25,7 @@
 					</g></svg
 			></label>
 			<div class="flex items-stretch flex-col m-auto w-full overflow-hidden bg-base-200">
-				<article class="py-2.5 px-6 mt-3.5 hover:shadow-md border-x border-solid border-base-200">
+				<article ref="article" class="py-2.5 px-6 mt-3.5 hover:shadow-md border-x border-solid border-base-200">
 					<div class="card">
 						<h1 class="card-title text-3xl py-0">
 							{{ docs.Name }}
@@ -225,6 +225,15 @@ export default defineComponent({
 			docsjson: {},
 		};
 	},
+
+	watch:{
+		docs(prevV, currV ){
+			if(prevV !== currV) {
+				(this.$refs.article as HTMLElement ).scrollIntoView({ behavior: 'smooth', block: 'start' })
+		  };
+		},
+	},
+
 	async created() {
 		this.$watch(
 			() => this.$route.params,