fix: bebounce

components/i/md/mdc.vue

 <template>
-    <MDC class="prose dark:prose-invert max-w-none" v-if="content" :value="content" tag="article" />
+    <MDC class="prose dark:prose-invert max-w-none" v-if="mdValue" :value="mdValue" tag="article" />
 </template>
 <script setup>
 const props = defineProps({
     content: String
 })
+const mdValue = ref('')
+const parseContentToMarkdown = () => {
+    mdValue.value = props.content
+}
+watchDebounced(() => props.content, () => {
+    parseContentToMarkdown()
+}, { debounce: 100, maxWait: 500 })
 </script>
\ No newline at end of file

pages/search/[id].vue

@@ -175,17 +175,17 @@ useHead({
 // 是否停止自动滚动到底部
 const isAutoToBottom = ref(true)
 let markedWindowScrollTop = 0
-const handleScroll = () => {
+const handleScroll = (event, params) => {
     // 在asking操作的时候生效
     if (!asking.value || !isAutoToBottom.value) return
-    const offsetValue = 5;
-    const top = window.scrollY;
-    // console.log(`top + offsetValue:`, top, markedWindowScrollTop, top < markedWindowScrollTop)
-    if (top < markedWindowScrollTop) {
-        isAutoToBottom.value = false
-    } else {
-        markedWindowScrollTop = top
-    }
+    nextTick(() => {
+        const top = window.scrollY;
+        if (top < y.value) {
+            isAutoToBottom.value = false
+        } else {
+            markedWindowScrollTop = top
+        }
+    })
 }
 const scrollToView = () => {
     if (!isAutoToBottom.value) return