do11y 0.2.5 → 0.2.7

package/dist/docs/plugins/highlight/highlight-css.js

@@ -5,16 +5,14 @@ import { do11yOptions } from "../../options.js";
  */
 export default () => ({
     name: "do11y:highlight-css",
-    async resolveId(id) {
+    resolveId(id) {
         if (id === "do11y:css") {
-            return "\0dolly:css.css";
+            return "\0dolly:css";
         }
     },
-    load: {
-        order: "post",
-        handler(id) {
-            if (id === "\0dolly:css.css") {
-                const generateThemeCss = (theme) => `
+    load(id) {
+        if (id === "\0dolly:css") {
+            const generateThemeCss = (theme) => `
         [data-theme="${theme}"] .shiki {
           background-color: var(--shiki-${theme}-bg) !important;
         }
@@ -23,11 +21,11 @@ export default () => ({
           color: var(--shiki-${theme}) !important;
         }
       `;
-                return Object.keys(do11yOptions.highlighter.themesInput)
-                    .filter((theme) => do11yOptions.highlighter.defaultTheme !== theme)
-                    .map((theme) => generateThemeCss(theme))
-                    .join("\n");
-            }
-        },
+            const css = Object.keys(do11yOptions.highlighter.themesInput)
+                .filter((theme) => do11yOptions.highlighter.defaultTheme !== theme)
+                .map((theme) => generateThemeCss(theme))
+                .join("\n");
+            return `export default \`${css}\``;
+        }
     },
 });

package/dist/docs/plugins/highlight/highlight.js

@@ -45,7 +45,7 @@ export default () => {
         configureServer(server) {
             viteDevServer = server;
         },
-        async load(id) {
+        async transform(_, id) {
             if (id.endsWith(".vue?highlight") || id.endsWith(".vue?highlight&lang=css")) {
                 const path = id.replace("?highlight", "").replace("&lang=css", "");
                 const source = readFileSync(path, "utf-8");
@@ -57,7 +57,10 @@ export default () => {
                  * to compile the style tags to CSS.
                  */
                 if (viteDevServer?.config.command === "serve" || !id.endsWith("lang=css")) {
-                    return `export default \`${await highlightAndFormatCode(path, source)}\`;`;
+                    return {
+                        code: `export default \`${await highlightAndFormatCode(path, source)}\`;`,
+                        moduleType: "js",
+                    };
                 }
                 const loadCss = async (index, lang) => {
                     const { code } = await this.load({
@@ -76,7 +79,10 @@ export default () => {
                     .filter((stylesheet) => !!stylesheet)
                     .map((stylesheet) => `<style>${stylesheet}</style>`)
                     .join("\n");
-                return `export default \`${await highlightAndFormatCode(path, sourceWithoutStyles + css)}\`;`;
+                return {
+                    code: `export default \`${await highlightAndFormatCode(path, sourceWithoutStyles + css)}\`;`,
+                    moduleType: "js",
+                };
             }
         },
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "do11y",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "description": "A bare-bones tool to document Vue components.",
   "keywords": [
     "docs-generator",