feat: add defaultSelector option

KazariEX · Oct 11, 2024 · a352866 · a352866
1 parent 4293171
commit a352866
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/index.ts b/src/index.ts
@@ -32,6 +32,13 @@ export interface MountPlainShikiOptions {
      */
     selector?: (theme: string) => string;
 
+    /**
+     * @description Root element selector with default theme.
+     *
+     * @default ":root"
+     */
+    defaultSelector?: string;
+
     /**
      * @description Whether to listen for element update events and automatic rendering.
      *
@@ -61,6 +68,7 @@ export function createPlainShiki(shiki: HighlighterCore) {
             },
             defaultTheme = "light",
             selector = (theme) => `.${theme}`,
+            defaultSelector = ":root",
             watch = true,
             delay = 33.4
         } = options;
@@ -93,7 +101,7 @@ export function createPlainShiki(shiki: HighlighterCore) {
                 if (!ranges) {
                     colorRanges.set(name, ranges = new Set());
                     const rule = `${
-                        isDefault ? ":root" : selector(theme)
+                        isDefault ? defaultSelector : selector(theme)
                     }::highlight(${name}) { color: ${color}; }`;
                     stylesheet.insertRule(rule);
                 }