chore: prevent scroll on tabs and side nav

components/common/CommonRouteTabs.vue

@@ -50,7 +50,7 @@ const handleClick = (to: RouteLocationRaw) => {
         tabindex="1"
         hover:bg-active transition-100
         exact-active-class="children:(text-secondary !border-primary !op100 !text-base)"
-        @click="handleClick(option.to)"
+        @click.capture="handleClick(option.to)"
       >
         <span ws-nowrap mxa sm:px2 sm:py3 xl:pb4 xl:pt5 py2 text-center border-b-3 text-secondary-light hover:text-secondary border-transparent>{{ option.display }}</span>
       </NuxtLink>

components/nav/NavSideItem.vue

@@ -15,6 +15,7 @@ defineSlots<{
 }>()
 
 const router = useRouter()
+const nuxtApp = useNuxtApp()
 
 useCommand({
   scope: 'Navigation',
@@ -41,6 +42,13 @@ onMastoInit(async () => {
 // when we know there is no user.
 const noUserDisable = computed(() => !isMastoInitialised.value || (props.userOnly && !currentUser.value))
 const noUserVisual = computed(() => isMastoInitialised.value && props.userOnly && !currentUser.value)
+
+const handleClick = () => {
+  if (nuxtApp.$preventScrollToTop(router.resolve(props.to).fullPath))
+    return
+
+  nuxtApp.$scrollToTop()
+}
 </script>
 
 <template>
@@ -51,7 +59,7 @@ const noUserVisual = computed(() => isMastoInitialised.value && props.userOnly &
     :active-class="activeClass"
     group focus:outline-none disabled:pointer-events-none
     :tabindex="noUserDisable ? -1 : null"
-    @click="$scrollToTop"
+    @click="handleClick"
   >
     <CommonTooltip :disabled="!isMediumScreen" :content="text" placement="right">
       <div