fix: prevent all Twoslash poppers from showing by default on load

Author: elecmonkey

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"',
+      )
+    },
+  }
+}