@nuxtjs/mdc 0.19.1 → 0.19.2

package/README.md

@@ -128,14 +128,14 @@ export default defineNuxtConfig({
     components: {
       prose: false, // Disable predefined prose components
       map: {
-        p: 'MyCustomPComponent'
+        p: 'MyCustomPComponent' // add global like MyCustomPComponent.global.vue
       }
     }
   }
 })
 ```
 
-In order to customize these components yourself simply make a component with the same name of the prose component you are trying to take control over. Make sure to put these prose components in their own prose folder and tell nuxt to globally register them so that MDC can get proper access. 
+In order to customize these components yourself simply make a component with the same name of the prose component you are trying to take control over. Make sure to put these prose components in their own prose folder and tell nuxt to globally register or simple create in `prose` folder `P.global.vue` them so that MDC can get proper access. 
 
 ```ts
 export default defineNuxtConfig({

package/dist/module.d.mts

@@ -574,6 +574,7 @@ declare module '@nuxt/schema' {
                 map: Record<string, string>;
             };
             headings: ModuleOptions['headings'];
+            highlight: ModuleOptions['highlight'];
         };
     }
     interface ConfigSchema {

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxtjs/mdc",
   "configKey": "mdc",
-  "version": "0.19.1",
+  "version": "0.19.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -84,7 +84,7 @@ async function mdcHighlighter({
     }
     code = code.replace(
       /from\s+(['"])shiki\1/,
-      'from "shiki/engine/javascript"'
+      'from "@shikijs/engine-javascript"'
     );
     const langsMap = /* @__PURE__ */ new Map();
     options.langs?.forEach((lang) => {
@@ -110,7 +110,7 @@ async function mdcHighlighter({
     } = options;
     return [
       "import { getMdcConfigs } from '#mdc-configs'",
-      shikiEngine === "javascript" ? "" : "import { createOnigurumaEngine } from 'shiki/engine/oniguruma'",
+      shikiEngine === "javascript" ? "" : "import { createOnigurumaEngine } from '@shikijs/engine-oniguruma'",
       code,
       "const bundledLangs = {",
       ...Array.from(langsMap.entries()).map(([name, lang]) => typeof lang === "string" ? JSON.stringify(name) + `: () => import('@shikijs/langs/${lang}').then(r => r.default || r),` : JSON.stringify(name) + ": " + JSON.stringify(lang) + ","),
@@ -263,7 +263,8 @@ const module$1 = defineNuxtModule({
         prose: options.components.prose,
         map: options.components.map
       },
-      headings: options.headings
+      headings: options.headings,
+      highlight: options.highlight
     });
     nuxt.options.build.transpile ||= [];
     nuxt.options.build.transpile.push("yaml");

package/dist/runtime/components/MDC.vue.d.ts

@@ -12,14 +12,14 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     tag: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: string;
     };
     /**
      * Raw markdown string or parsed markdown object from `parseMarkdown`
      */
     value: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
         required: true;
     };
     /**
@@ -40,7 +40,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
      * Class to be applied to the root element
      */
     class: {
-        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: string;
     };
     /**
@@ -48,7 +48,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
      * Example: 'ul li'
      */
     unwrap: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     /**
@@ -68,14 +68,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: string;
     };
     /**
      * Raw markdown string or parsed markdown object from `parseMarkdown`
      */
     value: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
         required: true;
     };
     /**
@@ -96,7 +96,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
      * Class to be applied to the root element
      */
     class: {
-        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: string;
     };
     /**
@@ -104,7 +104,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
      * Example: 'ul li'
      */
     unwrap: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     /**
@@ -126,7 +126,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     tag: string | boolean;
     excerpt: boolean;
     parserOptions: MDCParseOptions;
-    class: string | Record<string, any> | unknown[];
+    class: string | unknown[] | Record<string, any>;
     unwrap: string | boolean;
     cacheKey: string;
     partial: boolean;

package/dist/runtime/components/MDCCached.vue.d.ts

@@ -12,14 +12,14 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: DefineComponent<import("vue").ExtractPropTypes<{
     tag: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: string;
     };
     /**
      * Raw markdown string or parsed markdown object from `parseMarkdown`
      */
     value: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
         required: true;
     };
     /**
@@ -40,7 +40,7 @@ declare const __VLS_base: DefineComponent<import("vue").ExtractPropTypes<{
      * Class to be applied to the root element
      */
     class: {
-        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: string;
     };
     /**
@@ -48,7 +48,7 @@ declare const __VLS_base: DefineComponent<import("vue").ExtractPropTypes<{
      * Example: 'ul li'
      */
     unwrap: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     /**
@@ -75,14 +75,14 @@ declare const __VLS_base: DefineComponent<import("vue").ExtractPropTypes<{
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: string;
     };
     /**
      * Raw markdown string or parsed markdown object from `parseMarkdown`
      */
     value: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
         required: true;
     };
     /**
@@ -103,7 +103,7 @@ declare const __VLS_base: DefineComponent<import("vue").ExtractPropTypes<{
      * Class to be applied to the root element
      */
     class: {
-        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: string;
     };
     /**
@@ -111,7 +111,7 @@ declare const __VLS_base: DefineComponent<import("vue").ExtractPropTypes<{
      * Example: 'ul li'
      */
     unwrap: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     /**
@@ -140,7 +140,7 @@ declare const __VLS_base: DefineComponent<import("vue").ExtractPropTypes<{
     tag: string | boolean;
     excerpt: boolean;
     parserOptions: MDCParseOptions;
-    class: string | Record<string, any> | unknown[];
+    class: string | unknown[] | Record<string, any>;
     unwrap: string | boolean;
     cacheKey: string;
     partial: boolean;

package/dist/runtime/components/MDCRenderer.vue.d.ts

@@ -1,5 +1,7 @@
 import type { PropType, DefineComponent } from 'vue';
 import type { MDCRoot } from '@nuxtjs/mdc';
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * Content to render
@@ -19,14 +21,14 @@ declare const __VLS_export: DefineComponent<import("vue").ExtractPropTypes<{
      * Class(es) to bind to the component
      */
     class: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
         default: undefined;
     };
     /**
      * Root tag to use for rendering
      */
     tag: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: undefined;
     };
     /**
@@ -48,7 +50,7 @@ declare const __VLS_export: DefineComponent<import("vue").ExtractPropTypes<{
      * Example: 'ul li'
      */
     unwrap: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
 }>, {
@@ -80,14 +82,14 @@ declare const __VLS_export: DefineComponent<import("vue").ExtractPropTypes<{
      * Class(es) to bind to the component
      */
     class: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
         default: undefined;
     };
     /**
      * Root tag to use for rendering
      */
     tag: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: undefined;
     };
     /**
@@ -109,16 +111,14 @@ declare const __VLS_export: DefineComponent<import("vue").ExtractPropTypes<{
      * Example: 'ul li'
      */
     unwrap: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    data: Record<string, any>;
     tag: string | boolean;
     class: string | Record<string, any>;
     unwrap: string | boolean;
+    data: Record<string, any>;
     components: Record<string, string | DefineComponent<any, any, any>>;
     prose: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/MDCSlot.vue.d.ts

@@ -1,4 +1,9 @@
 import type { Slot } from 'vue';
+/**
+ * MDCSlot component
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: {
         type: StringConstructor;
@@ -9,7 +14,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
      * Example: 'ul li'
      */
     unwrap: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     /**
@@ -34,7 +39,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
      * Example: 'ul li'
      */
     unwrap: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     /**
@@ -46,12 +51,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    name: string;
     unwrap: string | boolean;
+    name: string;
     use: Function;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-/**
- * MDCSlot component
- */
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/prose/ProseImg.vue.d.ts

@@ -8,11 +8,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: string;
     };
     width: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     height: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -25,11 +25,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: string;
     };
     width: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     height: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
 }>> & Readonly<{}>, {

package/dist/runtime/highlighter/rehype-nuxt.js

@@ -1,4 +1,16 @@
 import { rehypeHighlight as rehypeHighlightUniversal } from "./rehype.js";
+import { useRuntimeConfig } from "#imports";
+class HighlighterError extends Error {
+  constructor(message, httpStatus) {
+    super(message);
+    this.httpStatus = httpStatus;
+    this.name = "HighlighterError";
+  }
+}
+function isHighlightResult(res) {
+  if (!res) return false;
+  return "tree" in res;
+}
 const defaults = {
   theme: {},
   async highlighter(code, lang, theme, options) {
@@ -6,7 +18,16 @@ const defaults = {
       if (import.meta.client && window.sessionStorage.getItem("mdc-shiki-highlighter") === "browser") {
         return import("#mdc-highlighter").then((h) => h.default(code, lang, theme, options)).catch(() => ({}));
       }
-      return await $fetch("/api/_mdc/highlight", {
+      if (import.meta.client) {
+        const highlight = useRuntimeConfig().public.mdc.highlight;
+        if (highlight === false) {
+          return Promise.resolve({ tree: [{ type: "text", value: code }], className: "", style: "" });
+        }
+        if (highlight?.noApiRoute === true) {
+          return import("#mdc-highlighter").then((h) => h.default(code, lang, theme, options)).catch(() => ({}));
+        }
+      }
+      const result = await $fetch("/api/_mdc/highlight", {
         params: {
           code,
           lang,
@@ -14,8 +35,12 @@ const defaults = {
           options: JSON.stringify(options)
         }
       });
+      if (!isHighlightResult(result)) {
+        throw new HighlighterError(`result:${result}`);
+      }
+      return result;
     } catch (e) {
-      if (import.meta.client && e?.response?.status === 404) {
+      if (import.meta.client && (e?.response?.status > 399 || e?.name == "HighlighterError")) {
         window.sessionStorage.setItem("mdc-shiki-highlighter", "browser");
         return this.highlighter?.(code, lang, theme, options);
       }

package/dist/runtime/highlighter/shiki.js

@@ -1,4 +1,4 @@
-import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
+import { createJavaScriptRegexEngine } from "@shikijs/engine-javascript";
 export function createShikiHighlighter({
   langs = [],
   themes = [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/mdc",
-  "version": "0.19.1",
+  "version": "0.19.2",
   "description": "Nuxt MDC module",
   "repository": "nuxt-content/mdc",
   "license": "MIT",
@@ -68,14 +68,14 @@
     "verify": "npm run dev:prepare && npm run lint && npm run test && npm run typecheck"
   },
   "dependencies": {
-    "@nuxt/kit": "^4.2.1",
-    "@shikijs/core": "^3.17.0",
-    "@shikijs/langs": "^3.17.0",
-    "@shikijs/themes": "^3.17.0",
-    "@shikijs/transformers": "^3.17.0",
+    "@nuxt/kit": "^4.2.2",
+    "@shikijs/core": "^3.20.0",
+    "@shikijs/langs": "^3.20.0",
+    "@shikijs/themes": "^3.20.0",
+    "@shikijs/transformers": "^3.20.0",
     "@types/hast": "^3.0.4",
     "@types/mdast": "^4.0.4",
-    "@vue/compiler-core": "^3.5.25",
+    "@vue/compiler-core": "^3.5.26",
     "consola": "^3.4.2",
     "debug": "^4.4.3",
     "defu": "^6.1.4",
@@ -99,40 +99,40 @@
     "rehype-sort-attributes": "^5.0.1",
     "remark-emoji": "^5.0.2",
     "remark-gfm": "^4.0.1",
-    "remark-mdc": "^3.9.0",
+    "remark-mdc": "^3.10.0",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
     "remark-stringify": "^11.0.0",
     "scule": "^1.3.0",
-    "shiki": "^3.17.0",
+    "shiki": "^3.20.0",
     "ufo": "^1.6.1",
     "unified": "^11.0.5",
     "unist-builder": "^4.0.0",
     "unist-util-visit": "^5.0.0",
-    "unwasm": "^0.5.0",
+    "unwasm": "^0.5.2",
     "vfile": "^6.0.3"
   },
   "devDependencies": {
     "@nuxt/devtools": "^3.1.1",
-    "@nuxt/eslint-config": "^1.11.0",
+    "@nuxt/eslint-config": "^1.12.1",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.2.1",
-    "@nuxt/test-utils": "^3.20.1",
-    "@nuxt/ui": "^4.2.1",
+    "@nuxt/schema": "^4.2.2",
+    "@nuxt/test-utils": "^3.21.0",
+    "@nuxt/ui": "^4.3.0",
     "@nuxtjs/mdc": "link:.",
-    "@types/node": "^24.10.1",
-    "eslint": "^9.39.1",
-    "nuxt": "^4.2.1",
+    "@types/node": "^25.0.3",
+    "eslint": "^9.39.2",
+    "nuxt": "^4.2.2",
     "rehype": "^13.0.2",
-    "release-it": "^19.0.6",
+    "release-it": "^19.2.1",
     "typescript": "5.9.3",
-    "vitest": "^4.0.14",
-    "vue-tsc": "^3.1.5"
+    "vitest": "^4.0.16",
+    "vue-tsc": "^3.2.1"
   },
   "resolutions": {
     "mkdist": "2.3.0"
   },
-  "packageManager": "pnpm@10.24.0",
+  "packageManager": "pnpm@10.26.2",
   "release-it": {
     "git": {
       "commitMessage": "chore(release): release v${version}"