@nuxtjs/mdc 0.13.4 → 0.14.0

package/README.md

@@ -135,6 +135,23 @@ export default defineNuxtConfig({
 })
 ```
 
+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. 
+
+```ts
+export default defineNuxtConfig({
+  modules: ['@nuxtjs/mdc'],
+  mdc: {
+    components: {
+      prose: true
+    }
+  },
+  components: {
+    global: true,
+    path: './components/prose'
+  }
+})
+```
+
 Here is the list of available prose components:
 
 | Tag | Component | Source | Description |

package/dist/module.json

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

package/dist/module.mjs

@@ -104,7 +104,7 @@ async function mdcHighlighter({
     } = options;
     return [
       "import { getMdcConfigs } from '#mdc-configs'",
-      shikiEngine === "javascript" ? "import { createJavaScriptRegexEngine } from 'shiki/engine/javascript'" : "import { createWasmOnigEngine } from 'shiki/engine/oniguruma'",
+      shikiEngine === "javascript" ? "import { createJavaScriptRegexEngine } from 'shiki/engine/javascript'" : "import { createOnigurumaEngine } from 'shiki/engine/oniguruma'",
       code,
       "const bundledLangs = {",
       ...Array.from(langsMap.entries()).map(([name, lang]) => typeof lang === "string" ? JSON.stringify(name) + `: () => import('shiki/langs/${lang}.mjs'),` : JSON.stringify(name) + ": " + JSON.stringify(lang) + ","),
@@ -116,7 +116,7 @@ async function mdcHighlighter({
         theme: options.theme,
         wrapperStyle: options.wrapperStyle
       }),
-      shikiEngine === "javascript" ? "const engine = createJavaScriptRegexEngine({ forgiving: true })" : `const engine = createWasmOnigEngine(() => import('shiki/wasm'))`,
+      shikiEngine === "javascript" ? "const engine = createJavaScriptRegexEngine({ forgiving: true })" : `const engine = createOnigurumaEngine(() => import('shiki/wasm'))`,
       "const highlighter = createShikiHighlighter({ bundledLangs, bundledThemes, options, getMdcConfigs, engine })",
       "export default highlighter"
     ].join("\n");

package/dist/runtime/components/MDCRenderer.vue

@@ -4,7 +4,7 @@ import destr from "destr";
 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 { flatUnwrap, nodeTextContent } from "../utils/node";
 import { pick } from "../utils";
 const DEFAULT_SLOT = "default";
 const rxOn = /^@|^v-on:/;
@@ -137,6 +137,13 @@ function _renderNode(node, h2, options) {
     return renderBinding(node, h2, documentMeta, parentScope);
   }
   const _resolveComponent = isUnresolvableTag(renderTag) ? (component2) => component2 : resolveComponent;
+  if (renderTag === "script") {
+    return h2(
+      "pre",
+      { class: "script-to-pre" },
+      "<script>\n" + nodeTextContent(node) + "\n<\/script>"
+    );
+  }
   const component = _resolveComponent(renderTag);
   if (typeof component === "object") {
     component.tag = originalTag;

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

@@ -121,12 +121,6 @@ declare const _default: DefineComponent<import("vue").ExtractPropTypes<{
     unwrap: string | boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
-declare module 'vue' {
-    interface GlobalComponents {
-    }
-    interface GlobalDirectives {
-    }
-}
 declare global {
     const __VLS_intrinsicElements: __VLS_IntrinsicElements;
     const __VLS_directiveBindingRestFields: {
@@ -137,192 +131,22 @@ declare global {
     };
     const __VLS_unref: typeof import('vue').unref;
     const __VLS_placeholder: any;
-    const __VLS_nativeElements: {
-        a: HTMLAnchorElement;
-        abbr: HTMLElement;
-        address: HTMLElement;
-        area: HTMLAreaElement;
-        article: HTMLElement;
-        aside: HTMLElement;
-        audio: HTMLAudioElement;
-        b: HTMLElement;
-        base: HTMLBaseElement;
-        bdi: HTMLElement;
-        bdo: HTMLElement;
-        blockquote: HTMLQuoteElement;
-        body: HTMLBodyElement;
-        br: HTMLBRElement;
-        button: HTMLButtonElement;
-        canvas: HTMLCanvasElement;
-        caption: HTMLTableCaptionElement;
-        cite: HTMLElement;
-        code: HTMLElement;
-        col: HTMLTableColElement;
-        colgroup: HTMLTableColElement;
-        data: HTMLDataElement;
-        datalist: HTMLDataListElement;
-        dd: HTMLElement;
-        del: HTMLModElement;
-        details: HTMLDetailsElement;
-        dfn: HTMLElement;
-        dialog: HTMLDialogElement;
-        div: HTMLDivElement;
-        dl: HTMLDListElement;
-        dt: HTMLElement;
-        em: HTMLElement;
-        embed: HTMLEmbedElement;
-        fieldset: HTMLFieldSetElement;
-        figcaption: HTMLElement;
-        figure: HTMLElement;
-        footer: HTMLElement;
-        form: HTMLFormElement;
-        h1: HTMLHeadingElement;
-        h2: HTMLHeadingElement;
-        h3: HTMLHeadingElement;
-        h4: HTMLHeadingElement;
-        h5: HTMLHeadingElement;
-        h6: HTMLHeadingElement;
-        head: HTMLHeadElement;
-        header: HTMLElement;
-        hgroup: HTMLElement;
-        hr: HTMLHRElement;
-        html: HTMLHtmlElement;
-        i: HTMLElement;
-        iframe: HTMLIFrameElement;
-        img: HTMLImageElement;
-        input: HTMLInputElement;
-        ins: HTMLModElement;
-        kbd: HTMLElement;
-        label: HTMLLabelElement;
-        legend: HTMLLegendElement;
-        li: HTMLLIElement;
-        link: HTMLLinkElement;
-        main: HTMLElement;
-        map: HTMLMapElement;
-        mark: HTMLElement;
-        menu: HTMLMenuElement;
-        meta: HTMLMetaElement;
-        meter: HTMLMeterElement;
-        nav: HTMLElement;
-        noscript: HTMLElement;
-        object: HTMLObjectElement;
-        ol: HTMLOListElement;
-        optgroup: HTMLOptGroupElement;
-        option: HTMLOptionElement;
-        output: HTMLOutputElement;
-        p: HTMLParagraphElement;
-        picture: HTMLPictureElement;
-        pre: HTMLPreElement;
-        progress: HTMLProgressElement;
-        q: HTMLQuoteElement;
-        rp: HTMLElement;
-        rt: HTMLElement;
-        ruby: HTMLElement;
-        s: HTMLElement;
-        samp: HTMLElement;
-        script: HTMLScriptElement;
-        search: HTMLElement;
-        section: HTMLElement;
-        select: HTMLSelectElement;
-        slot: HTMLSlotElement;
-        small: HTMLElement;
-        source: HTMLSourceElement;
-        span: HTMLSpanElement;
-        strong: HTMLElement;
-        style: HTMLStyleElement;
-        sub: HTMLElement;
-        summary: HTMLElement;
-        sup: HTMLElement;
-        table: HTMLTableElement;
-        tbody: HTMLTableSectionElement;
-        td: HTMLTableCellElement;
-        template: HTMLTemplateElement;
-        textarea: HTMLTextAreaElement;
-        tfoot: HTMLTableSectionElement;
-        th: HTMLTableCellElement;
-        thead: HTMLTableSectionElement;
-        time: HTMLTimeElement;
-        title: HTMLTitleElement;
-        tr: HTMLTableRowElement;
-        track: HTMLTrackElement;
-        u: HTMLElement;
-        ul: HTMLUListElement;
-        var: HTMLElement;
-        video: HTMLVideoElement;
-        wbr: HTMLElement;
-        animate: SVGAnimateElement;
-        animateMotion: SVGAnimateMotionElement;
-        animateTransform: SVGAnimateTransformElement;
-        circle: SVGCircleElement;
-        clipPath: SVGClipPathElement;
-        defs: SVGDefsElement;
-        desc: SVGDescElement;
-        ellipse: SVGEllipseElement;
-        feBlend: SVGFEBlendElement;
-        feColorMatrix: SVGFEColorMatrixElement;
-        feComponentTransfer: SVGFEComponentTransferElement;
-        feComposite: SVGFECompositeElement;
-        feConvolveMatrix: SVGFEConvolveMatrixElement;
-        feDiffuseLighting: SVGFEDiffuseLightingElement;
-        feDisplacementMap: SVGFEDisplacementMapElement;
-        feDistantLight: SVGFEDistantLightElement;
-        feDropShadow: SVGFEDropShadowElement;
-        feFlood: SVGFEFloodElement;
-        feFuncA: SVGFEFuncAElement;
-        feFuncB: SVGFEFuncBElement;
-        feFuncG: SVGFEFuncGElement;
-        feFuncR: SVGFEFuncRElement;
-        feGaussianBlur: SVGFEGaussianBlurElement;
-        feImage: SVGFEImageElement;
-        feMerge: SVGFEMergeElement;
-        feMergeNode: SVGFEMergeNodeElement;
-        feMorphology: SVGFEMorphologyElement;
-        feOffset: SVGFEOffsetElement;
-        fePointLight: SVGFEPointLightElement;
-        feSpecularLighting: SVGFESpecularLightingElement;
-        feSpotLight: SVGFESpotLightElement;
-        feTile: SVGFETileElement;
-        feTurbulence: SVGFETurbulenceElement;
-        filter: SVGFilterElement;
-        foreignObject: SVGForeignObjectElement;
-        g: SVGGElement;
-        image: SVGImageElement;
-        line: SVGLineElement;
-        linearGradient: SVGLinearGradientElement;
-        marker: SVGMarkerElement;
-        mask: SVGMaskElement;
-        metadata: SVGMetadataElement;
-        mpath: SVGMPathElement;
-        path: SVGPathElement;
-        pattern: SVGPatternElement;
-        polygon: SVGPolygonElement;
-        polyline: SVGPolylineElement;
-        radialGradient: SVGRadialGradientElement;
-        rect: SVGRectElement;
-        set: SVGSetElement;
-        stop: SVGStopElement;
-        svg: SVGSVGElement;
-        switch: SVGSwitchElement;
-        symbol: SVGSymbolElement;
-        text: SVGTextElement;
-        textPath: SVGTextPathElement;
-        tspan: SVGTSpanElement;
-        use: SVGUseElement;
-        view: SVGViewElement;
-    };
+    type __VLS_NativeElements = __VLS_SpreadMerge<SVGElementTagNameMap, HTMLElementTagNameMap>;
     type __VLS_IntrinsicElements = import('vue/jsx-runtime').JSX.IntrinsicElements;
     type __VLS_Element = import('vue/jsx-runtime').JSX.Element;
-    type __VLS_GlobalComponents = import('vue').GlobalComponents & Pick<typeof import('vue'), 'Transition' | 'TransitionGroup' | 'KeepAlive' | 'Suspense' | 'Teleport'>;
+    type __VLS_GlobalComponents = import('vue').GlobalComponents;
     type __VLS_GlobalDirectives = import('vue').GlobalDirectives;
     type __VLS_IsAny<T> = 0 extends 1 & T ? true : false;
     type __VLS_PickNotAny<A, B> = __VLS_IsAny<A> extends true ? B : A;
-    type __VLS_unknownDirective = (arg1: unknown, arg2: unknown, arg3: unknown, arg4: unknown) => void;
-    type __VLS_WithComponent<N0 extends string, LocalComponents, N1 extends string, N2 extends string, N3 extends string> = N1 extends keyof LocalComponents ? N1 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : {
+    type __VLS_SpreadMerge<A, B> = Omit<A, keyof B> & B;
+    type __VLS_WithComponent<N0 extends string, LocalComponents, Self, N1 extends string, N2 extends string, N3 extends string> = N1 extends keyof LocalComponents ? N1 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : {
         [K in N0]: LocalComponents[N1];
     } : N2 extends keyof LocalComponents ? N2 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : {
         [K in N0]: LocalComponents[N2];
     } : N3 extends keyof LocalComponents ? N3 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : {
         [K in N0]: LocalComponents[N3];
+    } : Self extends object ? {
+        [K in N0]: Self;
     } : N1 extends keyof __VLS_GlobalComponents ? N1 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : {
         [K in N0]: __VLS_GlobalComponents[N1];
     } : N2 extends keyof __VLS_GlobalComponents ? N2 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : {
@@ -360,32 +184,14 @@ declare global {
     type __VLS_PickFunctionalComponentCtx<T, K> = NonNullable<__VLS_PickNotAny<'__ctx' extends keyof __VLS_PickNotAny<K, {}> ? K extends {
         __ctx?: infer Ctx;
     } ? Ctx : never : any, T extends (props: any, ctx: infer Ctx) => any ? Ctx : any>>;
+    type __VLS_OmitStringIndex<T> = {
+        [K in keyof T as string extends K ? never : K]: T[K];
+    };
     type __VLS_UseTemplateRef<T> = Readonly<import('vue').ShallowRef<T | null>>;
-    function __VLS_getVForSourceType(source: number): [number, number, number][];
-    function __VLS_getVForSourceType(source: string): [string, number, number][];
-    function __VLS_getVForSourceType<T extends any[]>(source: T): [
-        item: T[number],
-        key: number,
+    function __VLS_getVForSourceType<T extends number | string | any[] | Iterable<any>>(source: T): [
+        item: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any,
         index: number
     ][];
-    function __VLS_getVForSourceType<T extends {
-        [Symbol.iterator](): Iterator<any>;
-    }>(source: T): [
-        item: T extends {
-            [Symbol.iterator](): Iterator<infer T1>;
-        } ? T1 : never,
-        key: number,
-        index: undefined
-    ][];
-    function __VLS_getVForSourceType<T extends number | {
-        [Symbol.iterator](): Iterator<any>;
-    }>(source: T): [
-        item: number | (Exclude<T, number> extends {
-            [Symbol.iterator](): Iterator<infer T1>;
-        } ? T1 : never),
-        key: number,
-        index: undefined
-    ][];
     function __VLS_getVForSourceType<T>(source: T): [
         item: T[keyof T],
         key: keyof T,
@@ -393,8 +199,7 @@ declare global {
     ][];
     function __VLS_getSlotParams<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>;
     function __VLS_getSlotParam<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>[0];
-    function __VLS_asFunctionalDirective<T>(dir: T): T extends import('vue').ObjectDirective ? NonNullable<T['created' | 'beforeMount' | 'mounted' | 'beforeUpdate' | 'updated' | 'beforeUnmount' | 'unmounted']> : T extends (...args: any) => any ? T : __VLS_unknownDirective;
-    function __VLS_withScope<T, K>(ctx: T, scope: K): ctx is T & K;
+    function __VLS_asFunctionalDirective<T>(dir: T): T extends import('vue').ObjectDirective ? NonNullable<T['created' | 'beforeMount' | 'mounted' | 'beforeUpdate' | 'updated' | 'beforeUnmount' | 'unmounted']> : T extends (...args: any) => any ? T : (arg1: unknown, arg2: unknown, arg3: unknown, arg4: unknown) => void;
     function __VLS_makeOptional<T>(t: T): {
         [K in keyof T]?: T[K];
     };
@@ -409,11 +214,10 @@ declare global {
             emit?: K extends {
                 $emit: infer Emit;
             } ? Emit : any;
-        } & {
+            expose?(exposed: K): void;
             props?: (K extends {
                 $props: infer Props;
             } ? Props : any) & Record<string, unknown>;
-            expose?(exposed: K): void;
         };
     } : T extends () => any ? (props: {}, ctx?: any) => ReturnType<T> : T extends (...args: any) => any ? T : (_: {} & Record<string, unknown>, ctx?: any) => {
         __ctx?: {
@@ -424,8 +228,8 @@ declare global {
             props?: {} & Record<string, unknown>;
         };
     };
-    function __VLS_elementAsFunction<T>(tag: T, endTag?: T): (_: T & Record<string, unknown>) => void;
     function __VLS_functionalComponentArgsRest<T extends (...args: any) => any>(t: T): 2 extends Parameters<T>['length'] ? [any] : [];
-    function __VLS_normalizeSlot<S>(s: S): S extends () => infer R ? (props: {}) => R : S;
+    function __VLS_asFunctionalElement<T>(tag: T, endTag?: T): (attrs: T & Record<string, unknown>) => void;
+    function __VLS_asFunctionalSlot<S>(slot: S): (props: NonNullable<S> extends (props: infer P) => any ? P : {}) => void;
     function __VLS_tryAsConstant<const T>(t: T): T;
 }

package/dist/runtime/highlighter/shiki.d.ts

@@ -1,4 +1,4 @@
-import type { LanguageInput, ThemeInput, RegexEngine } from 'shiki';
+import { type LanguageInput, type ThemeInput, type RegexEngine } from 'shiki';
 import type { MdcConfig, Highlighter } from '@nuxtjs/mdc';
 export interface CreateShikiHighlighterOptions {
     themes?: ThemeInput[];

package/dist/runtime/highlighter/shiki.js

@@ -1,3 +1,4 @@
+import { createJavaScriptRegexEngine } from "shiki";
 export function createShikiHighlighter({
   langs = [],
   themes = [],
@@ -15,7 +16,7 @@ export function createShikiHighlighter({
     const shiki2 = await createHighlighterCore({
       langs,
       themes,
-      engine
+      engine: engine || createJavaScriptRegexEngine()
     });
     for await (const config of await getConfigs()) {
       await config.shiki?.setup?.(shiki2);

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

@@ -11,11 +11,11 @@ export const unsafeLinkPrefix = [
 function isAnchorLinkAllowed(value) {
   const decodedUrl = decodeURIComponent(value);
   const urlSanitized = decodedUrl.replace(/&#x([0-9a-f]+);?/gi, "").replace(/&#(\d+);?/g, "").replace(/&[a-z]+;?/gi, "");
-  if (urlSanitized.startsWith("/") || urlSanitized.startsWith("./") || urlSanitized.startsWith("../")) {
-    return true;
-  }
   try {
-    const url = new URL(urlSanitized);
+    const url = new URL(urlSanitized, "http://example.com");
+    if (url.origin === "http://example.com") {
+      return true;
+    }
     if (unsafeLinkPrefix.some((prefix) => url.protocol.toLowerCase().startsWith(prefix))) {
       return false;
     }

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

@@ -1,3 +1,3 @@
-export declare const renderSlot: (slots: Record<string, any>, name: string, props: any, ...rest: any[]) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+export declare const renderSlot: (slots: Record<string, any>, name: string, props: any, ...rest: any[]) => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
     [key: string]: any;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/mdc",
-  "version": "0.13.4",
+  "version": "0.14.0",
   "description": "Nuxt MDC module",
   "repository": "nuxt-modules/mdc",
   "license": "MIT",
@@ -68,11 +68,12 @@
     "lint": "eslint .",
     "typecheck": "nuxt typecheck",
     "test": "vitest run",
-    "test:watch": "vitest watch"
+    "test:watch": "vitest watch",
+    "verify": "npm run dev:prepare && npm run lint && npm run test && npm run typecheck"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.15.2",
-    "@shikijs/transformers": "^1.27.2",
+    "@nuxt/kit": "^3.15.4",
+    "@shikijs/transformers": "^3.0.0",
     "@types/hast": "^3.0.4",
     "@types/mdast": "^4.0.4",
     "@vue/compiler-core": "^3.5.13",
@@ -83,13 +84,13 @@
     "detab": "^3.0.2",
     "github-slugger": "^2.0.0",
     "hast-util-format": "^1.1.0",
-    "hast-util-to-mdast": "^10.1.1",
+    "hast-util-to-mdast": "^10.1.2",
     "hast-util-to-string": "^3.0.1",
     "mdast-util-to-hast": "^13.2.0",
     "micromark-util-sanitize-uri": "^2.0.1",
     "ohash": "^1.1.4",
     "parse5": "^7.2.1",
-    "pathe": "^2.0.2",
+    "pathe": "^2.0.3",
     "property-information": "^6.5.0",
     "rehype-external-links": "^3.0.0",
     "rehype-minify-whitespace": "^6.0.2",
@@ -99,13 +100,13 @@
     "rehype-sort-attribute-values": "^5.0.1",
     "rehype-sort-attributes": "^5.0.1",
     "remark-emoji": "^5.0.1",
-    "remark-gfm": "^4.0.0",
-    "remark-mdc": "^3.5.2",
+    "remark-gfm": "^4.0.1",
+    "remark-mdc": "^3.5.3",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.1",
     "remark-stringify": "^11.0.0",
     "scule": "^1.3.0",
-    "shiki": "^1.27.2",
+    "shiki": "^3.0.0",
     "ufo": "^1.5.4",
     "unified": "^11.0.5",
     "unist-builder": "^4.0.0",
@@ -115,26 +116,26 @@
   },
   "devDependencies": {
     "@nuxt/devtools": "latest",
-    "@nuxt/eslint-config": "^0.7.5",
+    "@nuxt/eslint-config": "^1.1.0",
     "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.15.2",
-    "@nuxt/test-utils": "^3.15.4",
+    "@nuxt/schema": "^3.15.4",
+    "@nuxt/test-utils": "^3.17.0",
     "@nuxt/ui": "^2.21.0",
     "@nuxtjs/mdc": "link:.",
-    "@types/node": "^22.10.7",
+    "@types/node": "^22.13.5",
     "changelogen": "^0.5.7",
-    "eslint": "^9.18.0",
-    "nuxt": "^3.15.2",
+    "eslint": "^9.21.0",
+    "nuxt": "^3.15.4",
     "rehype": "^13.0.2",
-    "release-it": "^18.1.1",
+    "release-it": "^18.1.2",
     "typescript": "5.6.2",
-    "vitest": "^3.0.1",
-    "vue-tsc": "^2.2.0"
+    "vitest": "^3.0.7",
+    "vue-tsc": "^2.2.4"
   },
   "resolutions": {
     "@nuxtjs/mdc": "workspace:*"
   },
-  "packageManager": "pnpm@9.15.4",
+  "packageManager": "pnpm@10.4.0",
   "release-it": {
     "git": {
       "commitMessage": "chore(release): release v${version}"
@@ -146,5 +147,11 @@
     "hooks": {
       "after:bump": "npx changelogen@latest --no-commit --no-tag --output --r $(node -p \"require('./package.json').version\")"
     }
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "@parcel/watcher",
+      "esbuild"
+    ]
   }
 }