fix: prevent Twoslash poppers from persisting between slides

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/slidev/node/syntax/markdown-it/markdown-it-shiki.ts

@@ -2,6 +2,7 @@ import type { ResolvedSlidevOptions } from '@slidev/types'
 import type { ShikiTransformer } from 'shiki'
 import { isTruthy } from '@antfu/utils'
 import { fromHighlighter } from '@shikijs/markdown-it/core'
+import { transformerTwoslashConditional } from '../transform/twoslash-conditional'
 import { escapeVueInCode } from '../transform/utils'
 
 export default async function MarkdownItShiki({ data: { config }, mode, utils }: ResolvedSlidevOptions) {
@@ -16,6 +17,8 @@ export default async function MarkdownItShiki({ data: { config }, mode, utils }:
         },
       },
     }),
+    (config.twoslash === true || config.twoslash === mode)
+    && transformerTwoslashConditional(),
     {
       pre(pre) {
         this.addClassToHast(pre, 'slidev-code')

packages/slidev/node/syntax/transform/twoslash-conditional.ts

@@ -0,0 +1,17 @@
+import type { ShikiTransformer } from 'shiki'
+
+/**
+ * Custom Twoslash transformer that replaces :shown='true' with conditional logic
+ * to prevent poppers from being shown during preload
+ */
+export function transformerTwoslashConditional(): ShikiTransformer {
+  return {
+    name: 'slidev:twoslash-conditional',
+    postprocess(code) {
+      return code.replace(
+        /(<v-menu[^>]*):shown=['"]true['"]/g,
+        '$1:shown="false"',
+      )
+    },
+  }
+}