@nuxtjs/mdc 0.19.2 → 0.20.1

package/dist/module.d.mts

@@ -193,6 +193,10 @@ interface ModuleOptions {
     components?: {
         prose?: boolean;
         map?: Record<string, string>;
+        /**
+         * Custom element tags to ignore at MDC runtime (ex: ['mjx-container', 'my-element'])
+         */
+        customElements?: string[];
     };
 }
 
@@ -572,6 +576,7 @@ declare module '@nuxt/schema' {
             components: {
                 prose: boolean;
                 map: Record<string, string>;
+                customElements: string[];
             };
             headings: ModuleOptions['headings'];
             highlight: ModuleOptions['highlight'];
@@ -584,6 +589,7 @@ declare module '@nuxt/schema' {
                     components: {
                         prose: boolean;
                         map: Record<string, string>;
+                        customElements: string[];
                     };
                 };
                 headings: ModuleOptions['headings'];

package/dist/module.json

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

package/dist/module.mjs

@@ -252,20 +252,26 @@ const module$1 = defineNuxtModule({
     keepComments: false,
     components: {
       prose: true,
-      map: {}
+      map: {},
+      customElements: []
     }
   },
   async setup(options, nuxt) {
     resolveOptions(options);
     const resolver = createResolver(import.meta.url);
-    nuxt.options.runtimeConfig.public.mdc = defu(nuxt.options.runtimeConfig.public.mdc, {
+    const mdc = nuxt.options.runtimeConfig.public.mdc = defu(nuxt.options.runtimeConfig.public.mdc, {
       components: {
         prose: options.components.prose,
-        map: options.components.map
+        map: options.components.map,
+        customElements: options.components?.customElements || []
       },
       headings: options.headings,
       highlight: options.highlight
     });
+    if (mdc.components.customElements.length > 0 && !nuxt.options.vue.compilerOptions?.isCustomElement) {
+      nuxt.options.vue.compilerOptions ||= {};
+      nuxt.options.vue.compilerOptions.isCustomElement = (tag) => mdc.components.customElements.includes(tag);
+    }
     nuxt.options.build.transpile ||= [];
     nuxt.options.build.transpile.push("yaml");
     if (options.highlight) {
@@ -310,7 +316,7 @@ const module$1 = defineNuxtModule({
         }
       }
     }
-    await nuxt.callHook("mdc:configSources", mdcConfigs$1);
+    nuxt.hook("modules:done", () => nuxt.callHook("mdc:configSources", mdcConfigs$1));
     registerTemplate({
       filename: "mdc-configs.mjs",
       getContents: mdcConfigs,

package/dist/runtime/components/MDCRenderer.vue

@@ -11,7 +11,8 @@ const rxOn = /^@|^v-on:/;
 const rxBind = /^:|^v-bind:/;
 const rxModel = /^v-model/;
 const nativeInputs = ["select", "textarea", "input"];
-const specialParentTags = ["math", "svg"];
+const specialParentTags = /* @__PURE__ */ new Set(["math", "svg"]);
+const customElements = /* @__PURE__ */ new Set();
 const proseComponentMap = Object.fromEntries(["p", "a", "blockquote", "code", "pre", "code", "em", "h1", "h2", "h3", "h4", "h5", "h6", "hr", "img", "ul", "ol", "li", "strong", "table", "thead", "tbody", "td", "th", "tr", "script"].map((t) => [t, `prose-${t}`]));
 const dangerousTags = ["script", "base"];
 export default defineComponent({
@@ -73,6 +74,10 @@ export default defineComponent({
     const $nuxt = app?.$nuxt;
     const route = $nuxt?.$route || $nuxt?._route;
     const { mdc } = $nuxt?.$config?.public || {};
+    const customElementTags = mdc?.components?.customElements || mdc?.components?.custom;
+    if (customElementTags) {
+      customElementTags.forEach((tag) => customElements.add(tag));
+    }
     const tags = computed(() => ({
       ...mdc?.components?.prose && props.prose !== false ? proseComponentMap : {},
       ...mdc?.components?.map || {},
@@ -80,7 +85,7 @@ export default defineComponent({
       ...props.components
     }));
     const contentKey = computed(() => {
-      const components = (props.body?.children || []).map((n) => n.tag || n.type).filter((t) => !htmlTags.includes(t));
+      const components = (props.body?.children || []).map((n) => n.tag || n.type).filter((t) => !ignoreTag(t));
       return Array.from(new Set(components)).sort().join(".");
     });
     const runtimeData = reactive({
@@ -291,7 +296,7 @@ function propsToDataRxBind(key, value, data, documentMeta) {
 }
 const resolveComponentInstance = (component) => {
   if (typeof component === "string") {
-    if (htmlTags.includes(component)) {
+    if (ignoreTag(component)) {
       return component;
     }
     const _component = vueResolveComponent(pascalCase(component), false);
@@ -327,7 +332,7 @@ function isTemplate(node) {
   return node.tag === "template";
 }
 function isUnresolvableTag(tag) {
-  return specialParentTags.includes(tag);
+  return specialParentTags.has(tag);
 }
 function mergeTextNodes(nodes) {
   const mergedNodes = [];
@@ -365,7 +370,7 @@ async function resolveContentComponents(body, meta) {
       return [];
     }
     const components2 = [];
-    if (node.type !== "root" && !htmlTags.includes(renderTag)) {
+    if (node.type !== "root" && !ignoreTag(renderTag)) {
       components2.push(renderTag);
     }
     for (const child of node.children || []) {
@@ -381,4 +386,8 @@ function findMappedTag(node, tags) {
   }
   return tags[tag] || tags[pascalCase(tag)] || tags[kebabCase(node.tag)] || tag;
 }
+function ignoreTag(tag) {
+  const isCustomEl = typeof tag === "string" ? customElements.has(tag) : false;
+  return isCustomEl || htmlTags.has(tag);
+}
 </script>

package/dist/runtime/parser/handlers/paragraph.js

@@ -4,7 +4,7 @@ import { getTagName } from "./utils.js";
 export default function paragraph(state, node) {
   if (node.children && node.children[0] && node.children[0].type === "html") {
     const tagName = kebabCase(getTagName(node.children[0].value) || "div");
-    if (!htmlTags.includes(tagName)) {
+    if (!htmlTags.has(tagName)) {
       return state.all(node);
     }
   }

package/dist/runtime/parser/utils/html-tags-list.d.ts

@@ -1,2 +1,2 @@
-declare const _default: string[];
+declare const _default: Set<string>;
 export default _default;

package/dist/runtime/parser/utils/html-tags-list.js

@@ -1,4 +1,4 @@
-export default [
+export default /* @__PURE__ */ new Set([
   "a",
   "abbr",
   "address",
@@ -116,4 +116,4 @@ export default [
   "var",
   "video",
   "wbr"
-];
+]);

package/dist/runtime/parser/utils/props.js

@@ -50,6 +50,9 @@ export const validateProps = (type, props) => {
   }
   props = Object.fromEntries(
     Object.entries(props).filter(([name, value]) => {
+      if (props?.[`:${name}`]) {
+        return false;
+      }
       const isValid = validateProp(name, value);
       if (!isValid) {
         console.warn(`[@nuxtjs/mdc] removing unsafe attribute: ${name}="${value}"`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/mdc",
-  "version": "0.19.2",
+  "version": "0.20.1",
   "description": "Nuxt MDC module",
   "repository": "nuxt-content/mdc",
   "license": "MIT",
@@ -69,10 +69,10 @@
   },
   "dependencies": {
     "@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",
+    "@shikijs/core": "^3.21.0",
+    "@shikijs/langs": "^3.21.0",
+    "@shikijs/themes": "^3.21.0",
+    "@shikijs/transformers": "^3.21.0",
     "@types/hast": "^3.0.4",
     "@types/mdast": "^4.0.4",
     "@vue/compiler-core": "^3.5.26",
@@ -104,12 +104,12 @@
     "remark-rehype": "^11.1.2",
     "remark-stringify": "^11.0.0",
     "scule": "^1.3.0",
-    "shiki": "^3.20.0",
-    "ufo": "^1.6.1",
+    "shiki": "^3.21.0",
+    "ufo": "^1.6.3",
     "unified": "^11.0.5",
     "unist-builder": "^4.0.0",
     "unist-util-visit": "^5.0.0",
-    "unwasm": "^0.5.2",
+    "unwasm": "^0.5.3",
     "vfile": "^6.0.3"
   },
   "devDependencies": {
@@ -117,22 +117,22 @@
     "@nuxt/eslint-config": "^1.12.1",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/schema": "^4.2.2",
-    "@nuxt/test-utils": "^3.21.0",
+    "@nuxt/test-utils": "^3.23.0",
     "@nuxt/ui": "^4.3.0",
     "@nuxtjs/mdc": "link:.",
-    "@types/node": "^25.0.3",
+    "@types/node": "^25.0.8",
     "eslint": "^9.39.2",
     "nuxt": "^4.2.2",
     "rehype": "^13.0.2",
-    "release-it": "^19.2.1",
+    "release-it": "^19.2.3",
     "typescript": "5.9.3",
-    "vitest": "^4.0.16",
-    "vue-tsc": "^3.2.1"
+    "vitest": "^4.0.17",
+    "vue-tsc": "^3.2.2"
   },
   "resolutions": {
     "mkdist": "2.3.0"
   },
-  "packageManager": "pnpm@10.26.2",
+  "packageManager": "pnpm@10.28.0",
   "release-it": {
     "git": {
       "commitMessage": "chore(release): release v${version}"