fix: strange anchor behavior in Chrome

Author: SkyBird233

app/router.options.ts

@@ -4,6 +4,6 @@ import { useScrollStore } from '~/stores/scroll';
 export default <RouterConfig>{
   scrollBehavior(to, _from, savedPosition) {
     if (savedPosition) return savedPosition;
-    if (to.hash) useScrollStore().scrollOrSet(to.hash);
+    else if (to.hash) useScrollStore().scrollOrSet(to.hash);
   }
 };

components/content/ProseH2.vue

@@ -1,11 +1,11 @@
 <template>
   <h2 :id="props.id">
-    <a
+    <AppLink
       v-if="props.id && generate"
-      :href="`#${props.id}`"
+      :to="`${$route.path}#${props.id}`"
     >
       <slot mdc-unwrap="p" />
-    </a>
+    </AppLink>
     <slot v-else />
   </h2>
 </template>
@@ -17,4 +17,4 @@ const props = defineProps<{ id?: string }>()
 
 const { headings } = useRuntimeConfig().public.mdc
 const generate = computed(() => props.id && ((typeof headings?.anchorLinks === 'boolean' && headings?.anchorLinks === true) || (typeof headings?.anchorLinks === 'object' && headings?.anchorLinks?.h2)))
-</script>
+</script>