fix(vitepress-twoslash): empty twoslash error at end of the line (#999)

zzxming · antfu · web-flow · commit d27b515a4fb1 · 2025-05-14T16:19:20.000+08:00
Co-authored-by: Anthony Fu &lt;github@antfu.me&gt;
diff --git a/packages/vitepress-twoslash/src/renderer-floating-vue.ts b/packages/vitepress-twoslash/src/renderer-floating-vue.ts
@@ -173,6 +173,11 @@ function renderMarkdownInline(this: ShikiTransformerContextCommon, md: string, c
 }
 
 function compose(parts: { token: Element | Text, popup: Element }): Element[] {
+  if (parts.token.type === 'element' && parts.token.children.length < 1) {
+    const classes = parts.token.properties.class || ''
+    parts.token.properties.class = `${classes} twoslash-error-empty`
+  }
+
   return [
     {
       type: 'element',
diff --git a/packages/vitepress-twoslash/src/style.css b/packages/vitepress-twoslash/src/style.css
@@ -141,3 +141,11 @@
 .twoslash-floating.twoslash-completion .twoslash-completion-list li {
   padding: 3px 0;
 }
+
+.twoslash-error:empty,
+.twoslash-error-empty {
+  display: inline-block;
+  min-width: 0.55em;
+  min-height: 1.2em;
+  vertical-align: middle;
+}

Original file line number	Diff line number	Diff line change
`@@ -173,6 +173,11 @@ function renderMarkdownInline(this: ShikiTransformerContextCommon, md: string, c`
`173`	`173`	`}`
`174`	`174`
`175`	`175`	`function compose(parts: { token: Element \| Text, popup: Element }): Element[] {`
	`176`	`+ if (parts.token.type === 'element' && parts.token.children.length < 1) {`
	`177`	`+ const classes = parts.token.properties.class \|\| ''`
	`178`	+ parts.token.properties.class = `${classes} twoslash-error-empty`
	`179`	`+ }`
	`180`	`+`
`176`	`181`	`return [`
`177`	`182`	`{`
`178`	`183`	`type: 'element',`