@nuxtjs/mdc 0.9.5 → 0.10.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxtjs/mdc",
   "configKey": "mdc",
-  "version": "0.9.5",
+  "version": "0.10.0",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -11,7 +11,9 @@ const registerMDCSlotTransformer = (resolver) => {
     const compilerOptions = config.vue.template.compilerOptions;
     compilerOptions.nodeTransforms = [
       function viteMDCSlot(node, context) {
-        if (node.tag === "MDCSlot") {
+        const isVueSlotWithUnwrap = node.tag === "slot" && node.props.find((p) => p.name === "mdc-unwrap" || p.name === "bind" && p.rawName === ":mdc-unwrap");
+        const isMDCSlot = node.tag === "MDCSlot";
+        if (isVueSlotWithUnwrap || isMDCSlot) {
           const transform = context.ssr ? context.nodeTransforms.find((nt) => nt.name === "ssrTransformSlotOutlet") : context.nodeTransforms.find((nt) => nt.name === "transformSlotOutlet");
           return () => {
             node.tag = "slot";

package/dist/runtime/components/MDCRenderer.vue

@@ -5,6 +5,7 @@ import { kebabCase, pascalCase } from "scule";
 import { find, html } from "property-information";
 import htmlTags from "../parser/utils/html-tags-list";
 import { flatUnwrap } from "../utils/node";
+import { pick } from "../utils";
 const DEFAULT_SLOT = "default";
 const rxOn = /^@|^v-on:/;
 const rxBind = /^:|^v-bind:/;
@@ -166,24 +167,29 @@ function renderSlots(node, h2, documentMeta, parentProps) {
   const children = node.children || [];
   const slotNodes = children.reduce((data, node2) => {
     if (!isTemplate(node2)) {
-      data[DEFAULT_SLOT].push(node2);
+      data[DEFAULT_SLOT].children.push(node2);
       return data;
     }
     const slotName = getSlotName(node2);
-    data[slotName] = data[slotName] || [];
+    data[slotName] = data[slotName] || { props: {}, children: [] };
     if (node2.type === "element") {
-      data[slotName].push(...node2.children || []);
+      data[slotName].props = node2.props;
+      data[slotName].children.push(...node2.children || []);
     }
     return data;
   }, {
-    [DEFAULT_SLOT]: []
+    [DEFAULT_SLOT]: { props: {}, children: [] }
   });
-  const slots = Object.entries(slotNodes).reduce((slots2, [name, children2]) => {
+  const slots = Object.entries(slotNodes).reduce((slots2, [name, { props, children: children2 }]) => {
     if (!children2.length) {
       return slots2;
     }
-    slots2[name] = () => {
-      const vNodes = children2.map((child) => renderNode(child, h2, documentMeta, parentProps));
+    slots2[name] = (data = {}) => {
+      const scopedProps = pick(data, Object.keys(props || {}));
+      let vNodes = children2.map((child) => renderNode(child, h2, documentMeta, { ...parentProps, ...scopedProps }));
+      if (props?.unwrap) {
+        vNodes = flatUnwrap(vNodes, props.unwrap);
+      }
       return mergeTextNodes(vNodes);
     };
     return slots2;

package/dist/runtime/parser/index.d.ts

@@ -1,5 +1,6 @@
 import type { Options as VFileOptions } from 'vfile';
 import type { MDCParseOptions, MDCParserResult, MDCRoot } from '@nuxtjs/mdc';
+export declare const createProcessor: (inlineOptions?: MDCParseOptions) => Promise<import("unified").Processor<undefined, undefined, undefined, undefined, undefined>>;
 export declare const createMarkdownParser: (inlineOptions?: MDCParseOptions) => Promise<(md: string, { fileOptions }?: {
     fileOptions?: VFileOptions;
 }) => Promise<MDCParserResult>>;

package/dist/runtime/parser/index.js

@@ -10,7 +10,7 @@ import { generateToc } from "./toc.js";
 import { compileHast } from "./compiler.js";
 let moduleOptions;
 let generatedMdcConfigs;
-export const createMarkdownParser = async (inlineOptions = {}) => {
+export const createProcessor = async (inlineOptions = {}) => {
   if (!moduleOptions) {
     moduleOptions = await import(
       "#mdc-imports"
@@ -67,6 +67,10 @@ export const createMarkdownParser = async (inlineOptions = {}) => {
   for (const config of mdcConfigs) {
     processor = await config.unified?.post?.(processor) || processor;
   }
+  return processor;
+};
+export const createMarkdownParser = async (inlineOptions = {}) => {
+  const processor = await createProcessor(inlineOptions);
   return async function parse(md, { fileOptions } = {}) {
     const { content, data: frontmatter } = await parseFrontMatter(md);
     const processedFile = await processor.process({ ...fileOptions, value: content, data: frontmatter });
@@ -78,7 +82,7 @@ export const createMarkdownParser = async (inlineOptions = {}) => {
     );
     let toc;
     if (data.toc !== false) {
-      const tocOption = defu(data.toc || {}, options.toc);
+      const tocOption = defu(data.toc || {}, inlineOptions.toc, defaults.toc);
       toc = generateToc(result.body, tocOption);
     }
     return {

package/dist/runtime/utils/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Pick keys from an object
+ */
+export declare function pick(obj: Record<string, any>, keys: string[]): Record<string, any>;

package/dist/runtime/utils/index.js

@@ -0,0 +1,12 @@
+export function pick(obj, keys) {
+  return keys.reduce((acc, key) => {
+    const value = get(obj, key);
+    if (value !== void 0) {
+      acc[key] = value;
+    }
+    return acc;
+  }, {});
+}
+function get(obj, key) {
+  return key.split(".").reduce((acc, k) => acc && acc[k], obj);
+}

package/dist/runtime/utils/node.js

@@ -31,7 +31,7 @@ export function nodeTextContent(node) {
     return node.map(nodeTextContent).join("");
   }
   if (isText(node)) {
-    return node.children || node.value || "";
+    return node.value || node.children || "";
   }
   const children = nodeChildren(node);
   if (Array.isArray(children)) {

package/dist/runtime/utils/slot.js

@@ -2,7 +2,7 @@ import { renderSlot as _renderSlot } from "vue";
 import { flatUnwrap } from "./node.js";
 export const renderSlot = (slots, name, props, ...rest) => {
   if (slots[name]) {
-    return _renderSlot({ ...slots, [name]: () => flatUnwrap(slots[name](), props?.unwrap) }, name, props, ...rest);
+    return _renderSlot({ ...slots, [name]: () => flatUnwrap(slots[name](), props?.unwrap || props?.mdcUnwrap) }, name, props, ...rest);
   }
   return _renderSlot(slots, name, props, ...rest);
 };

package/dist/runtime/utils/ssrSlot.js

@@ -2,7 +2,7 @@ import { ssrRenderSlot as _ssrRenderSlot } from "vue/server-renderer";
 import { flatUnwrap } from "./node.js";
 export const ssrRenderSlot = (slots, name, props, fallbackRenderFn, push, parentComponent, slotScopeId) => {
   if (slots[name]) {
-    return _ssrRenderSlot({ ...slots, [name]: () => flatUnwrap(slots[name](), props?.unwrap) }, name, props, fallbackRenderFn, push, parentComponent, slotScopeId);
+    return _ssrRenderSlot({ ...slots, [name]: () => flatUnwrap(slots[name](), props?.unwrap || props?.mdcUnwrap) }, name, props, fallbackRenderFn, push, parentComponent, slotScopeId);
   }
   return _ssrRenderSlot(slots, name, props, fallbackRenderFn, push, parentComponent, slotScopeId);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/mdc",
-  "version": "0.9.5",
+  "version": "0.10.0",
   "description": "Nuxt MDC module",
   "repository": "nuxt-modules/mdc",
   "license": "MIT",
@@ -72,7 +72,7 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.14.1592",
-    "@shikijs/transformers": "^1.23.1",
+    "@shikijs/transformers": "^1.24.0",
     "@types/hast": "^3.0.4",
     "@types/mdast": "^4.0.4",
     "@vue/compiler-core": "^3.5.13",
@@ -96,11 +96,11 @@
     "rehype-sort-attributes": "^5.0.1",
     "remark-emoji": "^5.0.1",
     "remark-gfm": "^4.0.0",
-    "remark-mdc": "^3.4.0",
+    "remark-mdc": "^3.5.0",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.1",
     "scule": "^1.3.0",
-    "shiki": "^1.23.1",
+    "shiki": "^1.24.0",
     "ufo": "^1.5.4",
     "unified": "^11.0.5",
     "unist-builder": "^4.0.0",
@@ -110,26 +110,27 @@
   },
   "devDependencies": {
     "@nuxt/devtools": "latest",
-    "@nuxt/eslint-config": "^0.7.1",
+    "@nuxt/eslint-config": "^0.7.2",
     "@nuxt/module-builder": "^0.8.4",
     "@nuxt/schema": "^3.14.1592",
     "@nuxt/test-utils": "^3.14.4",
     "@nuxt/ui": "^2.19.2",
     "@nuxtjs/mdc": "link:.",
-    "@types/node": "^22.9.1",
+    "@types/node": "^22.10.1",
     "changelogen": "^0.5.7",
-    "eslint": "^9.15.0",
+    "eslint": "^9.16.0",
     "nuxt": "^3.14.1592",
     "rehype": "^13.0.2",
     "release-it": "^17.10.0",
-    "typescript": "^5.6.3",
-    "vitest": "^2.1.5",
+    "typescript": "5.6.3",
+    "vitest": "^2.1.7",
     "vue-tsc": "^2.1.10"
   },
   "resolutions": {
-    "@nuxtjs/mdc": "workspace:*"
+    "@nuxtjs/mdc": "workspace:*",
+    "remark-mdc": "npm:remark-mdc-edge@latest"
   },
-  "packageManager": "pnpm@9.14.1",
+  "packageManager": "pnpm@9.14.4",
   "release-it": {
     "git": {
       "commitMessage": "chore(release): release v${version}"