@nuxtjs/mdc 0.8.3 → 0.9.1

package/dist/module.d.mts

@@ -122,6 +122,15 @@ interface ModuleOptions {
          * Additional themes to be bundled loaded by Shiki
          */
         themes?: (BundledTheme | ThemeRegistrationAny)[];
+        /**
+         * Engine to be used for Shiki
+         *
+         * Note that the `javascript` engine still in experimental, use with caution.
+         *
+         * @see https://shiki.style/guide/regex-engines
+         * @default 'oniguruma'
+         */
+        shikiEngine?: 'oniguruma' | 'javascript';
         /**
          * Preloaded languages that will be available for highlighting code blocks.
          *
@@ -134,6 +143,7 @@ interface ModuleOptions {
          * @default false
          */
         wrapperStyle?: boolean | string;
+        noApiRoute?: boolean;
     } | false;
     headings?: {
         anchorLinks?: {
@@ -167,6 +177,7 @@ interface ModuleOptions {
  * ```
  */
 interface Data$1 {
+    [key: string]: unknown;
 }
 /**
  * One place in a source file.
@@ -273,8 +284,7 @@ interface Parent$1 extends Node$1 {
  * }
  * ```
  */
-interface Data extends Data$1 {
-}
+type Data = Data$1;
 /**
  * Info associated with an element.
  */
@@ -410,8 +420,7 @@ interface Comment extends Literal {
 /**
  * Info associated with hast comments by the ecosystem.
  */
-interface CommentData extends Data {
-}
+type CommentData = Data;
 /**
  * HTML document type.
  */
@@ -428,8 +437,7 @@ interface Doctype extends Node$1 {
 /**
  * Info associated with hast doctypes by the ecosystem.
  */
-interface DoctypeData extends Data {
-}
+type DoctypeData = Data;
 /**
  * HTML element.
  */
@@ -463,8 +471,7 @@ interface Element extends Parent {
 /**
  * Info associated with hast elements by the ecosystem.
  */
-interface ElementData extends Data {
-}
+type ElementData = Data;
 /**
  * Document fragment or a whole document.
  *
@@ -489,8 +496,7 @@ interface Root extends Parent {
 /**
  * Info associated with hast root nodes by the ecosystem.
  */
-interface RootData extends Data {
-}
+type RootData = Data;
 /**
  * HTML character data (plain text).
  */
@@ -507,11 +513,10 @@ interface Text extends Literal {
 /**
  * Info associated with hast texts by the ecosystem.
  */
-interface TextData extends Data {
-}
+type TextData = Data;
 
 declare const DefaultHighlightLangs: BundledLanguage[];
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
 declare module '@nuxt/schema' {
     interface NuxtHooks {
@@ -524,7 +529,6 @@ declare module '@nuxt/schema' {
                 map: Record<string, string>;
             };
             headings: ModuleOptions['headings'];
-            useNuxtImage?: boolean;
         };
     }
     interface ConfigSchema {

package/dist/module.d.ts

@@ -122,6 +122,15 @@ interface ModuleOptions {
          * Additional themes to be bundled loaded by Shiki
          */
         themes?: (BundledTheme | ThemeRegistrationAny)[];
+        /**
+         * Engine to be used for Shiki
+         *
+         * Note that the `javascript` engine still in experimental, use with caution.
+         *
+         * @see https://shiki.style/guide/regex-engines
+         * @default 'oniguruma'
+         */
+        shikiEngine?: 'oniguruma' | 'javascript';
         /**
          * Preloaded languages that will be available for highlighting code blocks.
          *
@@ -134,6 +143,7 @@ interface ModuleOptions {
          * @default false
          */
         wrapperStyle?: boolean | string;
+        noApiRoute?: boolean;
     } | false;
     headings?: {
         anchorLinks?: {
@@ -167,6 +177,7 @@ interface ModuleOptions {
  * ```
  */
 interface Data$1 {
+    [key: string]: unknown;
 }
 /**
  * One place in a source file.
@@ -273,8 +284,7 @@ interface Parent$1 extends Node$1 {
  * }
  * ```
  */
-interface Data extends Data$1 {
-}
+type Data = Data$1;
 /**
  * Info associated with an element.
  */
@@ -410,8 +420,7 @@ interface Comment extends Literal {
 /**
  * Info associated with hast comments by the ecosystem.
  */
-interface CommentData extends Data {
-}
+type CommentData = Data;
 /**
  * HTML document type.
  */
@@ -428,8 +437,7 @@ interface Doctype extends Node$1 {
 /**
  * Info associated with hast doctypes by the ecosystem.
  */
-interface DoctypeData extends Data {
-}
+type DoctypeData = Data;
 /**
  * HTML element.
  */
@@ -463,8 +471,7 @@ interface Element extends Parent {
 /**
  * Info associated with hast elements by the ecosystem.
  */
-interface ElementData extends Data {
-}
+type ElementData = Data;
 /**
  * Document fragment or a whole document.
  *
@@ -489,8 +496,7 @@ interface Root extends Parent {
 /**
  * Info associated with hast root nodes by the ecosystem.
  */
-interface RootData extends Data {
-}
+type RootData = Data;
 /**
  * HTML character data (plain text).
  */
@@ -507,11 +513,10 @@ interface Text extends Literal {
 /**
  * Info associated with hast texts by the ecosystem.
  */
-interface TextData extends Data {
-}
+type TextData = Data;
 
 declare const DefaultHighlightLangs: BundledLanguage[];
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
 declare module '@nuxt/schema' {
     interface NuxtHooks {
@@ -524,7 +529,6 @@ declare module '@nuxt/schema' {
                 map: Record<string, string>;
             };
             headings: ModuleOptions['headings'];
-            useNuxtImage?: boolean;
         };
     }
     interface ConfigSchema {

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "@nuxtjs/mdc",
   "configKey": "mdc",
-  "version": "0.8.3",
+  "version": "0.9.1",
   "builder": {
-    "@nuxt/module-builder": "0.8.1",
+    "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"
   }
 }

package/dist/module.mjs

@@ -1,5 +1,5 @@
 import fs$1, { existsSync } from 'node:fs';
-import { extendViteConfig, useNitro, defineNuxtModule, createResolver, addServerHandler, addComponent, addImports, addServerImports, addComponentsDir, hasNuxtModule, addTemplate } from '@nuxt/kit';
+import { extendViteConfig, useNitro, defineNuxtModule, createResolver, addServerHandler, addComponent, addImports, addServerImports, addComponentsDir, addTemplate } from '@nuxt/kit';
 import { defu } from 'defu';
 import { resolve } from 'pathe';
 import fs from 'node:fs/promises';
@@ -97,8 +97,12 @@ async function mdcHighlighter({
       ...typeof options?.theme === "string" ? [options?.theme] : Object.values(options?.theme || {}),
       ...options?.themes || []
     ]));
+    const {
+      shikiEngine = "oniguruma"
+    } = options;
     return [
       "import { getMdcConfigs } from '#mdc-configs'",
+      shikiEngine === "javascript" ? "import { createJavaScriptRegexEngine } from 'shiki/engine/javascript'" : "import { createWasmOnigEngine } 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) + ","),
@@ -110,7 +114,8 @@ async function mdcHighlighter({
         theme: options.theme,
         wrapperStyle: options.wrapperStyle
       }),
-      "const highlighter = createShikiHighlighter({ bundledLangs, bundledThemes, options, getMdcConfigs })",
+      shikiEngine === "javascript" ? "const engine = createJavaScriptRegexEngine({ forgiving: true })" : `const engine = createWasmOnigEngine(() => import('shiki/wasm'))`,
+      "const highlighter = createShikiHighlighter({ bundledLangs, bundledThemes, options, getMdcConfigs, engine })",
       "export default highlighter"
     ].join("\n");
   }
@@ -248,10 +253,12 @@ const module = defineNuxtModule({
     });
     if (options.highlight) {
       addWasmSupport(nuxt);
-      addServerHandler({
-        route: "/api/_mdc/highlight",
-        handler: resolver.resolve("./runtime/highlighter/event-handler")
-      });
+      if (options.highlight?.noApiRoute !== true) {
+        addServerHandler({
+          route: "/api/_mdc/highlight",
+          handler: resolver.resolve("./runtime/highlighter/event-handler")
+        });
+      }
       options.rehypePlugins ||= {};
       options.rehypePlugins.highlight ||= {};
       options.rehypePlugins.highlight.src ||= await resolver.resolvePath("./runtime/highlighter/rehype-nuxt");
@@ -322,11 +329,10 @@ const module = defineNuxtModule({
         global: true
       });
     }
-    if (hasNuxtModule("@nuxt/image")) {
-      nuxt.options.runtimeConfig.public.mdc = defu(nuxt.options.runtimeConfig.public.mdc, {
-        useNuxtImage: true
-      });
-    }
+    addTemplate({
+      filename: "mdc-image-component.mjs",
+      getContents: ({ app }) => app.components.some((c) => c.pascalName === "NuxtImg" && !c.filePath.includes("nuxt/dist/app")) ? 'export { NuxtImg } from "#components"' : 'export default "img"'
+    });
     extendViteConfig((config) => {
       const include = [
         "remark-gfm",
@@ -393,6 +399,7 @@ function resolveOptions(options) {
       default: "github-light",
       dark: "github-dark"
     };
+    options.highlight.shikiEngine ||= "oniguruma";
     options.highlight.langs ||= DefaultHighlightLangs;
     if (options.highlight.preload) {
       options.highlight.langs.push(...options.highlight.preload || []);

package/dist/runtime/components/MDC.vue

@@ -8,7 +8,7 @@
   >
     <MDCRenderer
       v-if="body"
-      :tag="tag"
+      :tag="props.tag"
       :class="props.class"
       :body="body"
       :data="data?.data"

package/dist/runtime/components/MDCRenderer.vue

@@ -29,7 +29,7 @@ export default defineComponent({
       default: () => ({})
     },
     /**
-     * Root tag to use for rendering
+     * Class(es) to bind to the component
      */
     class: {
       type: [String, Object],
@@ -234,11 +234,8 @@ function propsToDataRxBind(key, value, data, documentMeta) {
   return data;
 }
 const resolveVueComponent = (component) => {
-  if (!htmlTags.includes(component) && !component?.render && !component?.ssrRender) {
-    const componentFn = resolveComponent(pascalCase(component), false);
-    if (typeof componentFn === "object") {
-      return componentFn;
-    }
+  if (typeof component === "string") {
+    return htmlTags.includes(component) ? component : resolveComponent(pascalCase(component), false);
   }
   return component;
 };

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

@@ -1,6 +1,6 @@
 import type { PropType, DefineComponent } from 'vue';
 import type { MDCRoot } from '@nuxtjs/mdc';
-declare const _default: DefineComponent<{
+declare const _default: DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * Content to render
      */
@@ -16,7 +16,7 @@ declare const _default: DefineComponent<{
         default: () => {};
     };
     /**
-     * Root tag to use for rendering
+     * Class(es) to bind to the component
      */
     class: {
         type: (ObjectConstructor | StringConstructor)[];
@@ -51,11 +51,11 @@ declare const _default: DefineComponent<{
         type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
-}, {
+}>, {
     tags: any;
     contentKey: import("vue").ComputedRef<string>;
-    route: {} | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    route: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Content to render
      */
@@ -71,7 +71,7 @@ declare const _default: DefineComponent<{
         default: () => {};
     };
     /**
-     * Root tag to use for rendering
+     * Class(es) to bind to the component
      */
     class: {
         type: (ObjectConstructor | StringConstructor)[];
@@ -106,12 +106,314 @@ declare const _default: DefineComponent<{
         type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     data: Record<string, any>;
     class: string | Record<string, any>;
     tag: string | boolean;
     prose: boolean;
     components: Record<string, string | DefineComponent<any, any, any>>;
     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: {
+        instance: null;
+        oldValue: null;
+        modifiers: any;
+        dir: any;
+    };
+    const __VLS_unref: typeof import('vue').unref;
+    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_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_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> : {
+        [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];
+    } : 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> : {
+        [K in N0]: __VLS_GlobalComponents[N2];
+    } : N3 extends keyof __VLS_GlobalComponents ? N3 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : {
+        [K in N0]: __VLS_GlobalComponents[N3];
+    } : {
+        [K in N0]: unknown;
+    };
+    type __VLS_FunctionalComponentProps<T, K> = '__ctx' extends keyof __VLS_PickNotAny<K, {}> ? K extends {
+        __ctx?: {
+            props?: infer P;
+        };
+    } ? NonNullable<P> : never : T extends (props: infer P, ...args: any) => any ? P : {};
+    type __VLS_IsFunction<T, K> = K extends keyof T ? __VLS_IsAny<T[K]> extends false ? unknown extends T[K] ? false : true : false : false;
+    type __VLS_UnionToIntersection<U> = (U extends unknown ? (arg: U) => unknown : never) extends ((arg: infer P) => unknown) ? P : never;
+    type __VLS_OverloadUnionInner<T, U = unknown> = U & T extends (...args: infer A) => infer R ? U extends T ? never : __VLS_OverloadUnionInner<T, Pick<T, keyof T> & U & ((...args: A) => R)> | ((...args: A) => R) : never;
+    type __VLS_OverloadUnion<T> = Exclude<__VLS_OverloadUnionInner<(() => never) & T>, T extends () => never ? never : () => never>;
+    type __VLS_ConstructorOverloads<T> = __VLS_OverloadUnion<T> extends infer F ? F extends (event: infer E, ...args: infer A) => any ? {
+        [K in E & string]: (...args: A) => void;
+    } : never : never;
+    type __VLS_NormalizeEmits<T> = __VLS_PrettifyGlobal<__VLS_UnionToIntersection<__VLS_ConstructorOverloads<T> & {
+        [K in keyof T]: T[K] extends any[] ? {
+            (...args: T[K]): void;
+        } : never;
+    }>>;
+    type __VLS_PrettifyGlobal<T> = {
+        [K in keyof T]: T[K];
+    } & {};
+    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,
+        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,
+        index: number
+    ][];
+    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_directiveAsFunction<T extends import('vue').Directive>(dir: T): T extends (...args: any) => any ? T | __VLS_unknownDirective : NonNullable<(T & Record<string, __VLS_unknownDirective>)['created' | 'beforeMount' | 'mounted' | 'beforeUpdate' | 'updated' | 'beforeUnmount' | 'unmounted']>;
+    function __VLS_withScope<T, K>(ctx: T, scope: K): ctx is T & K;
+    function __VLS_makeOptional<T>(t: T): {
+        [K in keyof T]?: T[K];
+    };
+    function __VLS_nonNullable<T>(t: T): T extends null | undefined ? never : T;
+    function __VLS_asFunctionalComponent<T, K = T extends new (...args: any) => any ? InstanceType<T> : unknown>(t: T, instance?: K): T extends new (...args: any) => any ? (props: (K extends {
+        $props: infer Props;
+    } ? Props : any) & Record<string, unknown>, ctx?: any) => __VLS_Element & {
+        __ctx?: {
+            attrs?: any;
+            slots?: K extends {
+                $slots: infer Slots;
+            } ? Slots : any;
+            emit?: K extends {
+                $emit: infer Emit;
+            } ? Emit : any;
+        } & {
+            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?: {
+            attrs?: any;
+            expose?: any;
+            slots?: any;
+            emit?: any;
+            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_pickFunctionalComponentCtx<T, K>(comp: T, compInstance: 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>>;
+    function __VLS_normalizeSlot<S>(s: S): S extends () => infer R ? (props: {}) => R : S;
+    function __VLS_tryAsConstant<const T>(t: T): T;
+}

package/dist/runtime/components/MDCSlot.vue

@@ -52,7 +52,7 @@ export default defineComponent({
         return fallbackSlot ? fallbackSlot() : h("div");
       }
       return unwrap ? flatUnwrap(slot(), tags) : [slot()];
-    } catch (e) {
+    } catch {
       return h("div");
     }
   }

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

@@ -2,7 +2,7 @@ import type { Slot } from 'vue';
 /**
  * MDCSlot component
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: {
         type: StringConstructor;
         default: string;
@@ -23,11 +23,11 @@ declare const _default: import("vue").DefineComponent<{
         type: FunctionConstructor;
         default: undefined;
     };
-}, {
+}>, {
     fallbackSlot: Slot<any> | undefined;
     tags: import("vue").ComputedRef<string[]>;
     parent: import("vue").ComponentInternalInstance | null;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: StringConstructor;
         default: string;
@@ -48,9 +48,9 @@ declare const _default: import("vue").DefineComponent<{
         type: FunctionConstructor;
         default: undefined;
     };
-}>>, {
-    name: string;
+}>> & Readonly<{}>, {
     unwrap: string | boolean;
+    name: string;
     use: Function;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,7 +1,7 @@
 <template>
   <NuxtLink
-    :href="href"
-    :target="target"
+    :href="props.href"
+    :target="props.target"
   >
     <slot />
   </NuxtLink>
@@ -10,7 +10,7 @@
 <script setup lang="ts">
 import type { PropType } from 'vue'
 
-defineProps({
+const props = defineProps({
   href: {
     type: String,
     default: ''

package/dist/runtime/components/prose/ProseH1.vue

@@ -1,8 +1,8 @@
 <template>
-  <h1 :id="id">
+  <h1 :id="props.id">
     <a
       v-if="generate"
-      :href="`#${id}`"
+      :href="`#${props.id}`"
     >
       <slot />
     </a>

package/dist/runtime/components/prose/ProseH2.vue

@@ -1,8 +1,8 @@
 <template>
-  <h2 :id="id">
+  <h2 :id="props.id">
     <a
-      v-if="id && generate"
-      :href="`#${id}`"
+      v-if="props.id && generate"
+      :href="`#${props.id}`"
     >
       <slot />
     </a>

package/dist/runtime/components/prose/ProseH3.vue

@@ -1,8 +1,8 @@
 <template>
-  <h3 :id="id">
+  <h3 :id="props.id">
     <a
-      v-if="id && generate"
-      :href="`#${id}`"
+      v-if="props.id && generate"
+      :href="`#${props.id}`"
     >
       <slot />
     </a>

package/dist/runtime/components/prose/ProseH4.vue

@@ -1,8 +1,8 @@
 <template>
-  <h4 :id="id">
+  <h4 :id="props.id">
     <a
-      v-if="id && generate"
-      :href="`#${id}`"
+      v-if="props.id && generate"
+      :href="`#${props.id}`"
     >
       <slot />
     </a>

package/dist/runtime/components/prose/ProseH5.vue

@@ -1,8 +1,8 @@
 <template>
-  <h5 :id="id">
+  <h5 :id="props.id">
     <a
-      v-if="id && generate"
-      :href="`#${id}`"
+      v-if="props.id && generate"
+      :href="`#${props.id}`"
     >
       <slot />
     </a>

package/dist/runtime/components/prose/ProseH6.vue

@@ -1,8 +1,8 @@
 <template>
-  <h6 :id="id">
+  <h6 :id="props.id">
     <a
-      v-if="id && generate"
-      :href="`#${id}`"
+      v-if="props.id && generate"
+      :href="`#${props.id}`"
     >
       <slot />
     </a>

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

@@ -1,18 +1,18 @@
 <template>
   <component
-    :is="imgComponent"
+    :is="ImageComponent"
     :src="refinedSrc"
-    :alt="alt"
-    :width="width"
-    :height="height"
+    :alt="props.alt"
+    :width="props.width"
+    :height="props.height"
   />
 </template>
 
 <script setup lang="ts">
 import { withTrailingSlash, withLeadingSlash, joinURL } from 'ufo'
-import { useRuntimeConfig, computed, resolveComponent } from '#imports'
+import { useRuntimeConfig, computed } from '#imports'
 
-const imgComponent = useRuntimeConfig().public.mdc.useNuxtImage ? resolveComponent('NuxtImg') : 'img'
+import ImageComponent from '#build/mdc-image-component.mjs'
 
 const props = defineProps({
   src: {

package/dist/runtime/highlighter/event-handler.js

@@ -1,8 +1,8 @@
 import { eventHandler, getQuery } from "h3";
-import highlighter from "#mdc-highlighter";
 export default eventHandler(async (event) => {
   const { code, lang, theme: themeString, options: optionsStr } = getQuery(event);
   const theme = JSON.parse(themeString);
   const options = optionsStr ? JSON.parse(optionsStr) : {};
+  const highlighter = await import("#mdc-highlighter").then((m) => m.default);
   return await highlighter(code, lang, theme, options);
 });

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

@@ -1,4 +1,4 @@
-import type { LanguageInput, ThemeInput } from 'shiki';
+import type { LanguageInput, ThemeInput, RegexEngine } from 'shiki';
 import type { MdcConfig, Highlighter } from '@nuxtjs/mdc';
 export interface CreateShikiHighlighterOptions {
     themes?: ThemeInput[];
@@ -9,5 +9,6 @@ export interface CreateShikiHighlighterOptions {
         wrapperStyle?: string;
     };
     getMdcConfigs?: () => Promise<MdcConfig[]>;
+    engine?: RegexEngine | Promise<RegexEngine>;
 }
-export declare function createShikiHighlighter({ langs, themes, bundledLangs, bundledThemes, getMdcConfigs, options: shikiOptions }?: CreateShikiHighlighterOptions): Highlighter;
+export declare function createShikiHighlighter({ langs, themes, bundledLangs, bundledThemes, getMdcConfigs, options: shikiOptions, engine }?: CreateShikiHighlighterOptions): Highlighter;

package/dist/runtime/highlighter/shiki.js

@@ -1,30 +1,37 @@
-import { createHighlighterCore, addClassToHast, isSpecialLang, isSpecialTheme } from "shiki/core";
-import {
-  transformerNotationDiff,
-  transformerNotationErrorLevel,
-  transformerNotationFocus,
-  transformerNotationHighlight
-} from "@shikijs/transformers";
 export function createShikiHighlighter({
   langs = [],
   themes = [],
   bundledLangs = {},
   bundledThemes = {},
   getMdcConfigs,
-  options: shikiOptions
+  options: shikiOptions,
+  engine
 } = {}) {
   let shiki;
   let configs;
   async function _getShiki() {
+    const { createHighlighterCore, addClassToHast, isSpecialLang, isSpecialTheme } = await import("shiki/core");
+    const { transformerNotationDiff, transformerNotationErrorLevel, transformerNotationFocus, transformerNotationHighlight } = await import("@shikijs/transformers");
     const shiki2 = await createHighlighterCore({
       langs,
       themes,
-      loadWasm: () => import("shiki/wasm")
+      engine
     });
     for await (const config of await getConfigs()) {
       await config.shiki?.setup?.(shiki2);
     }
-    return shiki2;
+    return {
+      shiki: shiki2,
+      addClassToHast,
+      isSpecialLang,
+      isSpecialTheme,
+      transformers: [
+        transformerNotationDiff(),
+        transformerNotationErrorLevel(),
+        transformerNotationFocus(),
+        transformerNotationHighlight()
+      ]
+    };
   }
   async function getShiki() {
     if (!shiki) {
@@ -38,14 +45,14 @@ export function createShikiHighlighter({
     }
     return configs;
   }
-  const baseTransformers = [
-    transformerNotationDiff(),
-    transformerNotationFocus(),
-    transformerNotationHighlight(),
-    transformerNotationErrorLevel()
-  ];
   const highlighter = async (code, lang, theme, options = {}) => {
-    const shiki2 = await getShiki();
+    const {
+      shiki: shiki2,
+      addClassToHast,
+      isSpecialLang,
+      isSpecialTheme,
+      transformers: baseTransformers
+    } = await getShiki();
     const codeToHastOptions = {
       defaultColor: false,
       meta: {
@@ -59,14 +66,14 @@ export function createShikiHighlighter({
       lang = "vue";
       codeToHastOptions.grammarContextCode = "<template>";
     }
-    const themesObject = typeof theme === "string" ? { default: theme } : theme || {};
+    const themesObject = { ...typeof theme === "string" ? { default: theme } : theme || {} };
     const loadedThemes = shiki2.getLoadedThemes();
     const loadedLanguages = shiki2.getLoadedLanguages();
     if (typeof lang === "string" && !loadedLanguages.includes(lang) && !isSpecialLang(lang)) {
       if (bundledLangs[lang]) {
         await shiki2.loadLanguage(bundledLangs[lang]);
       } else {
-        if (import.meta.dev) {
+        if (process.dev) {
           console.warn(`[@nuxtjs/mdc] Language "${lang}" is not loaded to the Shiki highlighter, fallback to plain text. Add the language to "mdc.highlight.langs" to fix this.`);
         }
         lang = "text";
@@ -77,7 +84,7 @@ export function createShikiHighlighter({
         if (bundledThemes[theme2]) {
           await shiki2.loadTheme(bundledThemes[theme2]);
         } else {
-          if (import.meta.dev) {
+          if (process.dev) {
             console.warn(`[@nuxtjs/mdc] Theme "${theme2}" is not loaded to the Shiki highlighter. Add the theme to "mdc.highlight.themes" to fix this.`);
           }
           themesObject[color] = "none";

package/dist/runtime/index.d.ts

@@ -1,4 +1,4 @@
-export { parseMarkdown, createMarkdownParser } from './parser.js';
+export { parseMarkdown, createMarkdownParser } from './parser/index.js';
 export { rehypeHighlight } from './highlighter/rehype.js';
 export { createShikiHighlighter } from './highlighter/shiki.js';
 export * from './utils/node.js';

package/dist/runtime/parser/handlers/code.d.ts

@@ -1,4 +1,4 @@
-import { type State } from 'mdast-util-to-hast';
+import type { State } from 'mdast-util-to-hast';
 import type { Element } from 'hast';
 import type { Code } from 'mdast';
 declare const _default: (state: State, node: Code) => Element;

package/dist/runtime/parser/handlers/containerComponent.d.ts

@@ -1,4 +1,4 @@
-import { type State } from 'mdast-util-to-hast';
+import type { State } from 'mdast-util-to-hast';
 import type { Element, Properties } from 'hast';
 import type { Nodes as MdastContent } from 'mdast';
 type Node = MdastContent & {

package/dist/runtime/parser/handlers/emphasis.d.ts

@@ -1,4 +1,4 @@
-import { type State } from 'mdast-util-to-hast';
+import type { State } from 'mdast-util-to-hast';
 import type { Element, Properties } from 'hast';
 import type { Emphasis } from 'mdast';
 export default function emphasis(state: State, node: Emphasis & {

package/dist/runtime/parser/handlers/html.d.ts

@@ -1,3 +1,3 @@
-import { type State, type Raw } from 'mdast-util-to-hast';
+import type { State, Raw } from 'mdast-util-to-hast';
 import type { Html } from 'mdast';
 export default function html(state: State, node: Html): import("hast").Element | Raw | undefined;

package/dist/runtime/parser/handlers/image.d.ts

@@ -1,4 +1,4 @@
-import { type State } from 'mdast-util-to-hast';
+import type { State } from 'mdast-util-to-hast';
 import type { Element, Properties } from 'hast';
 import type { Image } from 'mdast';
 export default function image(state: State, node: Image & {

package/dist/runtime/parser/handlers/inlineCode.d.ts

@@ -1,4 +1,4 @@
-import { type State } from 'mdast-util-to-hast';
+import type { State } from 'mdast-util-to-hast';
 import type { Element, Properties } from 'hast';
 import type { InlineCode } from 'mdast';
 export default function inlineCode(state: State, node: InlineCode & {

package/dist/runtime/parser/handlers/link.d.ts

@@ -1,4 +1,4 @@
-import { type State } from 'mdast-util-to-hast';
+import type { State } from 'mdast-util-to-hast';
 import type { Element, Properties } from 'hast';
 import type { Link } from 'mdast';
 export default function link(state: State, node: Link & {

package/dist/runtime/parser/handlers/list.d.ts

@@ -1,4 +1,4 @@
-import { type State } from 'mdast-util-to-hast';
+import type { State } from 'mdast-util-to-hast';
 import type { Element } from 'hast';
 import type { List } from 'mdast';
 export default function list(state: State, node: List): Element;

package/dist/runtime/parser/handlers/paragraph.d.ts

@@ -1,4 +1,4 @@
-import { type State } from 'mdast-util-to-hast';
+import type { State } from 'mdast-util-to-hast';
 import type { Element } from 'hast';
 import type { Paragraph } from 'mdast';
 export default function paragraph(state: State, node: Paragraph): Element | import("hast").ElementContent[];

package/dist/runtime/parser/handlers/strong.d.ts

@@ -1,4 +1,4 @@
-import { type State } from 'mdast-util-to-hast';
+import type { State } from 'mdast-util-to-hast';
 import type { Element, Properties } from 'hast';
 import type { Strong } from 'mdast';
 export default function strong(state: State, node: Strong & {

package/dist/runtime/parser/index.js

@@ -28,7 +28,7 @@ export const createMarkdownParser = async (inlineOptions = {}) => {
     ...inlineOptions.configs || []
   ];
   if (inlineOptions.highlight != null && inlineOptions.highlight != false && inlineOptions.highlight.highlighter !== void 0 && typeof inlineOptions.highlight.highlighter !== "function") {
-    if (import.meta.dev)
+    if (process.dev)
       console.warn("[@nuxtjs/mdc] `highlighter` passed to `parseMarkdown` is should be a function, but got " + JSON.stringify(inlineOptions.highlight.highlighter) + ", ignored.");
     inlineOptions = {
       ...inlineOptions,

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/dist/vue.js").VNode<import("vue/dist/vue.js").RendererNode, import("vue/dist/vue.js").RendererElement, {
+export declare const renderSlot: (slots: Record<string, any>, name: string, props: any, ...rest: any[]) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/mdc",
-  "version": "0.8.3",
+  "version": "0.9.1",
   "description": "Nuxt MDC module",
   "repository": "nuxt-modules/mdc",
   "license": "MIT",
@@ -71,37 +71,37 @@
     "test:watch": "vitest watch"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.12.2",
-    "@shikijs/transformers": "^1.10.0",
+    "@nuxt/kit": "^3.13.2",
+    "@shikijs/transformers": "^1.22.0",
     "@types/hast": "^3.0.4",
     "@types/mdast": "^4.0.4",
-    "@vue/compiler-core": "^3.4.31",
+    "@vue/compiler-core": "^3.5.12",
     "consola": "^3.2.3",
-    "debug": "^4.3.5",
+    "debug": "^4.3.7",
     "defu": "^6.1.4",
     "destr": "^2.0.3",
     "detab": "^3.0.2",
     "github-slugger": "^2.0.0",
-    "hast-util-to-string": "^3.0.0",
+    "hast-util-to-string": "^3.0.1",
     "mdast-util-to-hast": "^13.2.0",
     "micromark-util-sanitize-uri": "^2.0.0",
-    "ohash": "^1.1.3",
-    "parse5": "^7.1.2",
+    "ohash": "^1.1.4",
+    "parse5": "^7.2.0",
     "pathe": "^1.1.2",
     "property-information": "^6.5.0",
     "rehype-external-links": "^3.0.0",
     "rehype-raw": "^7.0.0",
     "rehype-slug": "^6.0.0",
-    "rehype-sort-attribute-values": "^5.0.0",
-    "rehype-sort-attributes": "^5.0.0",
-    "remark-emoji": "^5.0.0",
+    "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.2.1",
     "remark-parse": "^11.0.0",
-    "remark-rehype": "^11.1.0",
+    "remark-rehype": "^11.1.1",
     "scule": "^1.3.0",
-    "shiki": "^1.10.0",
-    "ufo": "^1.5.3",
+    "shiki": "^1.22.0",
+    "ufo": "^1.5.4",
     "unified": "^11.0.5",
     "unist-builder": "^4.0.0",
     "unist-util-visit": "^5.0.0",
@@ -109,23 +109,23 @@
   },
   "devDependencies": {
     "@nuxt/devtools": "latest",
-    "@nuxt/eslint-config": "^0.3.13",
-    "@nuxt/module-builder": "^0.8.1",
-    "@nuxt/schema": "^3.12.2",
-    "@nuxt/test-utils": "^3.13.1",
-    "@nuxt/ui": "^2.17.0",
+    "@nuxt/eslint-config": "^0.6.0",
+    "@nuxt/module-builder": "^0.8.4",
+    "@nuxt/schema": "^3.13.2",
+    "@nuxt/test-utils": "^3.14.3",
+    "@nuxt/ui": "^2.18.7",
     "@nuxtjs/mdc": "link:.",
-    "@types/node": "^20.14.9",
-    "changelogen": "^0.5.5",
-    "eslint": "^9.6.0",
-    "nuxt": "^3.12.2",
-    "rehype": "^13.0.1",
-    "release-it": "^17.4.0",
-    "typescript": "^5.5.2",
-    "vitest": "^1.6.0",
-    "vue-tsc": "^2.0.24"
+    "@types/node": "^22.7.5",
+    "changelogen": "^0.5.7",
+    "eslint": "^9.12.0",
+    "nuxt": "^3.13.2",
+    "rehype": "^13.0.2",
+    "release-it": "^17.9.0",
+    "typescript": "^5.6.3",
+    "vitest": "^2.1.3",
+    "vue-tsc": "^2.1.6"
   },
-  "packageManager": "pnpm@9.4.0",
+  "packageManager": "pnpm@9.12.1",
   "release-it": {
     "git": {
       "commitMessage": "chore(release): release v${version}"