fix: prevent Twoslash poppers from persisting between slides

Author: elecmonkey

packages/client/composables/useNav.ts

@@ -5,6 +5,7 @@ import { slides } from '#slidev/slides'
 import { clamp } from '@antfu/utils'
 import { parseRangeString } from '@slidev/parser/utils'
 import { createSharedComposable } from '@vueuse/core'
+import { hideAllPoppers } from 'floating-vue'
 import { computed, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { CLICKS_MAX } from '../constants'
@@ -118,6 +119,8 @@ export function useNavBase(
 
   watch(currentSlideRoute, (next, prev) => {
     navDirection.value = next.no - prev.no
+    if (prev)
+      hideAllPoppers()
   })
 
   async function openInEditor(url?: string) {

packages/client/internals/SlidesShow.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { SlideRoute } from '@slidev/types'
 import { GlobalBottom, GlobalTop } from '#slidev/global-layers'
-import { recomputeAllPoppers } from 'floating-vue'
+import { hideAllPoppers, recomputeAllPoppers } from 'floating-vue'
 import { computed, shallowRef, TransitionGroup, watchEffect } from 'vue'
 import { createFixedClicks } from '../composables/useClicks'
 import { useNav } from '../composables/useNav'
@@ -39,12 +39,18 @@ watchEffect(() => {
   preloadRoute(currentSlideRoute.value)
   preloadRoute(prevRoute.value)
   preloadRoute(nextRoute.value)
+  setTimeout(() => {
+    hideAllPoppers()
+  }, 150)
 })
 // preload all slides after 3s
 watchEffect((onCleanup) => {
   const routes = slides.value
   const timeout = setTimeout(() => {
     routes.forEach(preloadRoute)
+    setTimeout(() => {
+      hideAllPoppers()
+    }, 150)
   }, 3000)
   onCleanup(() => clearTimeout(timeout))
 })