fix(twoslash): fix typo in twoslash-query-persisted, close #1130, close #981

Author: antfu

packages/twoslash/src/renderer-rich.ts

@@ -410,7 +410,9 @@ export function rendererRich(options: RendererRichOptions = {}): TwoslashRendere
           type: 'element',
           tagName: 'span',
           properties: {
-            class: 'twoslash-hover twoslash-query-presisted',
+            // TODO: `twoslash-query-presisted` was a typo before v3.17. We keep it for backward compatibility.
+            // We should remove it in the next major version.
+            class: 'twoslash-hover twoslash-query-persisted twoslash-query-presisted',
           },
           children: hast?.queryCompose
             ? hast?.queryCompose({ popup, token: node })

packages/twoslash/style-rich.css

@@ -63,14 +63,14 @@
   box-shadow: var(--twoslash-popup-shadow);
 }
 
-.twoslash .twoslash-query-presisted .twoslash-popup-container {
+.twoslash .twoslash-query-persisted .twoslash-popup-container {
   z-index: 9;
   transform: translateY(1.5em);
 }
 
 .twoslash .twoslash-hover:hover .twoslash-popup-container,
 .twoslash .twoslash-error-hover:hover .twoslash-popup-container,
-.twoslash .twoslash-query-presisted .twoslash-popup-container,
+.twoslash .twoslash-query-persisted .twoslash-popup-container,
 .twoslash .twoslash-query-line .twoslash-popup-container {
   opacity: 1;
   pointer-events: auto;

packages/vitepress-twoslash/src/style.css

@@ -34,7 +34,7 @@
   transform: translateY(1.5em);
 }
 
-.twoslash-query-presisted .twoslash-popup-container {
+.twoslash-query-persisted .twoslash-popup-container {
   transform: translateY(1.8em);
 }