fix(twoslash): nested code block rendering structure

fix twoslashes/twoslash#38
shikijs · May 28, 2024 · 5fe8ee6 · 5fe8ee6
1 parent ae470d5
commit 5fe8ee6
Show file tree

Hide file tree

Showing 11 changed files with 6,866 additions and 6,177 deletions.
diff --git a/docs/components.d.ts b/docs/components.d.ts
@@ -1,10 +1,10 @@
 /* eslint-disable */
-/* prettier-ignore */
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
 export {}
 
+/* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
     Badges: typeof import('./.vitepress/components/Badges.vue')['default']

diff --git a/packages/twoslash/src/renderer-rich.ts b/packages/twoslash/src/renderer-rich.ts
@@ -235,7 +235,7 @@ export function rendererRich(options: RendererRichOptions = {}): TwoslashRendere
           lang: (this.options.lang === 'tsx' || this.options.lang === 'jsx')
             ? 'tsx'
             : 'ts',
-          structure: 'inline',
+          structure: content.trim().includes('\n') ? 'classic' : 'inline',
         },
       ).children as ElementContent[],
     }

diff --git a/packages/twoslash/test/out/completion-end-multifile.ts.html b/packages/twoslash/test/out/completion-end-multifile.ts.html