@nuxtjs/mdc 0.18.4 → 0.19.0

package/dist/module.json

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

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

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
-declare var __VLS_7: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     href: {

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

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
-declare var __VLS_7: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     href: {

package/dist/runtime/stringify/mdc-remark.js

@@ -101,7 +101,7 @@ const mdcRemarkNodeHandlers = {
       state.patch(node, result);
       return result;
     }
-    const isInlineElement = (parent?.children || []).some((child) => child.type === "text") || ["p", "li", "strong", "em", "span", "h1", "h2", "h3", "h4", "h5", "h6"].includes(parent?.tagName);
+    const isInlineElement = isForcedToBeInlineByItsParent(node, parent);
     if (isInlineElement) {
       return {
         type: mdastTextComponentType,
@@ -110,6 +110,20 @@ const mdcRemarkNodeHandlers = {
         children: state.all(node)
       };
     }
+    if (!["li", "p"].includes(parent?.tagName || "") && !node.children?.length) {
+      const attributes = Object.entries(node.properties || {});
+      if (attributes.length < 4 && !attributes.some(([key, value]) => String(value).includes("\n") || key.startsWith(":"))) {
+        return {
+          type: "paragraph",
+          children: [{
+            type: mdastTextComponentType,
+            name: node.tagName,
+            attributes: node.properties,
+            children: state.all(node)
+          }]
+        };
+      }
+    }
     let children = state.all(node);
     if (children.every((child) => [mdastTextComponentType, "text"].includes(child.type))) {
       children = [{ type: "paragraph", children }];
@@ -141,13 +155,24 @@ const mdcRemarkHandlers = {
       children: state.toFlow(state.all(node))
     };
   },
+  "li": (state, node) => {
+    const result = defaultHandlers.li(state, node);
+    if (result.children[0]?.type === "paragraph") {
+      const paragraph = result.children[0];
+      const lastChild = paragraph.children[paragraph.children.length - 1];
+      if (lastChild?.type === "text" && lastChild.value?.endsWith("\n")) {
+        lastChild.value = lastChild.value.trim();
+      }
+    }
+    return result;
+  },
   "ul": (state, node, parent) => {
     const result = defaultHandlers.ul(state, node);
-    return parent?.tagName === "p" ? result : { type: "paragraph", children: [result] };
+    return ["p", "li"].includes(parent?.tagName || "") ? result : { type: "paragraph", children: [result] };
   },
   "ol": (state, node, parent) => {
     const result = defaultHandlers.ol(state, node);
-    return parent?.tagName === "p" ? result : { type: "paragraph", children: [result] };
+    return ["p", "li"].includes(parent?.tagName || "") ? result : { type: "paragraph", children: [result] };
   },
   "code": (state, node) => {
     const attributes = { ...node.properties };
@@ -186,19 +211,16 @@ const mdcRemarkHandlers = {
       meta
     };
   },
-  "button": (state, node) => {
-    if (
-      // @ts-expect-error: custom type
-      node.children?.find((child) => child.type === mdcRemarkElementType) || node.children?.find((child) => child.type === "text" && child.value.includes("\n"))
-    ) {
-      return {
-        type: "containerComponent",
-        name: "button",
-        children: state.all(node),
-        attributes: node.properties
-      };
+  "button": (state, node, parent) => {
+    if (isInlineNode(node, parent)) {
+      return createTextComponent("button")(state, node);
     }
-    return createTextComponent("button")(state, node);
+    return {
+      type: "containerComponent",
+      name: "button",
+      children: state.all(node),
+      attributes: node.properties
+    };
   },
   "span": createTextComponent("span"),
   "kbd": createTextComponent("kbd"),
@@ -278,3 +300,24 @@ function createTextComponent(name) {
     return result;
   };
 }
+function isForcedToBeInlineByItsParent(node, parent) {
+  if (["p", "li", "strong", "em", "span", "h1", "h2", "h3", "h4", "h5", "h6"].includes(parent?.tagName || "")) {
+    return true;
+  }
+  if (parent?.children?.some((child) => child.type === "text")) {
+    return true;
+  }
+  return false;
+}
+function isInlineNode(node, parent) {
+  if (
+    // @ts-expect-error: custom type
+    node.children?.find((child) => child.type === mdcRemarkElementType) || node.children?.find((child) => child.type === "text" && child.value.includes("\n"))
+  ) {
+    return false;
+  }
+  if (!isForcedToBeInlineByItsParent(node, parent)) {
+    return false;
+  }
+  return true;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/mdc",
-  "version": "0.18.4",
+  "version": "0.19.0",
   "description": "Nuxt MDC module",
   "repository": "nuxt-content/mdc",
   "license": "MIT",
@@ -69,13 +69,13 @@
   },
   "dependencies": {
     "@nuxt/kit": "^4.2.1",
-    "@shikijs/core": "^3.15.0",
-    "@shikijs/langs": "^3.15.0",
-    "@shikijs/themes": "^3.15.0",
-    "@shikijs/transformers": "^3.15.0",
+    "@shikijs/core": "^3.17.0",
+    "@shikijs/langs": "^3.17.0",
+    "@shikijs/themes": "^3.17.0",
+    "@shikijs/transformers": "^3.17.0",
     "@types/hast": "^3.0.4",
     "@types/mdast": "^4.0.4",
-    "@vue/compiler-core": "^3.5.24",
+    "@vue/compiler-core": "^3.5.25",
     "consola": "^3.4.2",
     "debug": "^4.4.3",
     "defu": "^6.1.4",
@@ -85,7 +85,7 @@
     "hast-util-format": "^1.1.0",
     "hast-util-to-mdast": "^10.1.2",
     "hast-util-to-string": "^3.0.1",
-    "mdast-util-to-hast": "^13.2.0",
+    "mdast-util-to-hast": "^13.2.1",
     "micromark-util-sanitize-uri": "^2.0.1",
     "parse5": "^8.0.0",
     "pathe": "^2.0.3",
@@ -99,12 +99,12 @@
     "rehype-sort-attributes": "^5.0.1",
     "remark-emoji": "^5.0.2",
     "remark-gfm": "^4.0.1",
-    "remark-mdc": "^3.8.1",
+    "remark-mdc": "^3.9.0",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
     "remark-stringify": "^11.0.0",
     "scule": "^1.3.0",
-    "shiki": "^3.15.0",
+    "shiki": "^3.17.0",
     "ufo": "^1.6.1",
     "unified": "^11.0.5",
     "unist-builder": "^4.0.0",
@@ -113,12 +113,12 @@
     "vfile": "^6.0.3"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^3.1.0",
-    "@nuxt/eslint-config": "^1.10.0",
+    "@nuxt/devtools": "^3.1.1",
+    "@nuxt/eslint-config": "^1.11.0",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/schema": "^4.2.1",
     "@nuxt/test-utils": "^3.20.1",
-    "@nuxt/ui": "^4.1.0",
+    "@nuxt/ui": "^4.2.1",
     "@nuxtjs/mdc": "link:.",
     "@types/node": "^24.10.1",
     "eslint": "^9.39.1",
@@ -126,13 +126,13 @@
     "rehype": "^13.0.2",
     "release-it": "^19.0.6",
     "typescript": "5.9.3",
-    "vitest": "^4.0.10",
-    "vue-tsc": "^3.1.4"
+    "vitest": "^4.0.14",
+    "vue-tsc": "^3.1.5"
   },
   "resolutions": {
     "@nuxtjs/mdc": "workspace:*"
   },
-  "packageManager": "pnpm@10.22.0",
+  "packageManager": "pnpm@10.24.0",
   "release-it": {
     "git": {
       "commitMessage": "chore(release): release v${version}"