@nuxtjs/mdc 0.7.0 → 0.8.0

package/dist/config.d.mts

@@ -1,48 +1,4 @@
-import { Highlighter, ShikiTransformer, HighlighterCore } from 'shiki';
-import { Processor } from 'unified';
-import { M as MdcThemeOptions, H as HighlighterOptions } from './shared/mdc.a6f76af4.mjs';
-
-type Awaitable<T> = T | Promise<T>;
-interface MdcConfig {
-    /**
-     * Hooks for the unified markdown pipeline
-     */
-    unified?: {
-        /**
-         * Custom setup for unified processor before other plugins
-         */
-        pre?: (processor: Processor) => Awaitable<void | Processor>;
-        /**
-         * Custom setup for unified processor after remark but before rehype
-         */
-        remark?: (processor: Processor) => Awaitable<void | Processor>;
-        /**
-         * Custom setup for unified processor after rehype
-         */
-        rehype?: (processor: Processor) => Awaitable<void | Processor>;
-        /**
-         * Custom setup for unified processor after all plugins
-         */
-        post?: (processor: Processor) => Awaitable<void | Processor>;
-    };
-    /**
-     * Custom hightlighter, available when `highlighter` is set to `custom`
-     */
-    highlighter?: Highlighter;
-    /**
-     * Hooks for shiki
-     */
-    shiki?: {
-        /**
-         * Get transformers for shiki
-         */
-        transformers?: ShikiTransformer[] | ((code: string, lang: string, theme: MdcThemeOptions, options: Partial<HighlighterOptions>) => Awaitable<ShikiTransformer[]>);
-        /**
-         * Custom setup for shiki instance, only called once on server or client
-         */
-        setup?: (highlighter: HighlighterCore) => Awaitable<void>;
-    };
-}
+import { MdcConfig } from '../dist/runtime/types/config.js';
 
 declare function defineConfig(config: MdcConfig): MdcConfig;
 

package/dist/config.d.ts

@@ -1,48 +1,4 @@
-import { Highlighter, ShikiTransformer, HighlighterCore } from 'shiki';
-import { Processor } from 'unified';
-import { M as MdcThemeOptions, H as HighlighterOptions } from './shared/mdc.a6f76af4.js';
-
-type Awaitable<T> = T | Promise<T>;
-interface MdcConfig {
-    /**
-     * Hooks for the unified markdown pipeline
-     */
-    unified?: {
-        /**
-         * Custom setup for unified processor before other plugins
-         */
-        pre?: (processor: Processor) => Awaitable<void | Processor>;
-        /**
-         * Custom setup for unified processor after remark but before rehype
-         */
-        remark?: (processor: Processor) => Awaitable<void | Processor>;
-        /**
-         * Custom setup for unified processor after rehype
-         */
-        rehype?: (processor: Processor) => Awaitable<void | Processor>;
-        /**
-         * Custom setup for unified processor after all plugins
-         */
-        post?: (processor: Processor) => Awaitable<void | Processor>;
-    };
-    /**
-     * Custom hightlighter, available when `highlighter` is set to `custom`
-     */
-    highlighter?: Highlighter;
-    /**
-     * Hooks for shiki
-     */
-    shiki?: {
-        /**
-         * Get transformers for shiki
-         */
-        transformers?: ShikiTransformer[] | ((code: string, lang: string, theme: MdcThemeOptions, options: Partial<HighlighterOptions>) => Awaitable<ShikiTransformer[]>);
-        /**
-         * Custom setup for shiki instance, only called once on server or client
-         */
-        setup?: (highlighter: HighlighterCore) => Awaitable<void>;
-    };
-}
+import { MdcConfig } from '../dist/runtime/types/config.js';
 
 declare function defineConfig(config: MdcConfig): MdcConfig;
 

package/dist/module.d.mts

@@ -1,6 +1,6 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import { BundledLanguage, LanguageRegistration, BundledTheme, ThemeRegistrationAny } from 'shiki';
-import { M as MdcThemeOptions } from './shared/mdc.a6f76af4.mjs';
+import { MdcThemeOptions } from '../dist/runtime/highlighter/types.js';
 
 interface UnistPlugin {
     src?: string;
@@ -37,7 +37,7 @@ interface ModuleOptions {
          *
          * Unlike the `preload` option, when this option is provided, it will override the default languages.
          *
-         * @default ['js','jsx','json','ts','tsx','vue','css','html','vue','bash','md','mdc','yaml']
+         * @default ['js','jsx','json','ts','tsx','vue','css','html','bash','md','mdc','yaml']
          */
         langs?: (BundledLanguage | LanguageRegistration)[];
         /**
@@ -60,7 +60,7 @@ interface ModuleOptions {
     headings?: {
         anchorLinks?: {
             [heading in 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6']?: boolean;
-        };
+        } | boolean;
     };
     keepComments?: boolean;
     components?: {
@@ -83,6 +83,7 @@ declare module '@nuxt/schema' {
                 map: Record<string, string>;
             };
             headings: ModuleOptions['headings'];
+            useNuxtImage?: boolean;
         };
     }
     interface ConfigSchema {

package/dist/module.d.ts

@@ -1,6 +1,6 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import { BundledLanguage, LanguageRegistration, BundledTheme, ThemeRegistrationAny } from 'shiki';
-import { M as MdcThemeOptions } from './shared/mdc.a6f76af4.js';
+import { MdcThemeOptions } from '../dist/runtime/highlighter/types.js';
 
 interface UnistPlugin {
     src?: string;
@@ -37,7 +37,7 @@ interface ModuleOptions {
          *
          * Unlike the `preload` option, when this option is provided, it will override the default languages.
          *
-         * @default ['js','jsx','json','ts','tsx','vue','css','html','vue','bash','md','mdc','yaml']
+         * @default ['js','jsx','json','ts','tsx','vue','css','html','bash','md','mdc','yaml']
          */
         langs?: (BundledLanguage | LanguageRegistration)[];
         /**
@@ -60,7 +60,7 @@ interface ModuleOptions {
     headings?: {
         anchorLinks?: {
             [heading in 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6']?: boolean;
-        };
+        } | boolean;
     };
     keepComments?: boolean;
     components?: {
@@ -83,6 +83,7 @@ declare module '@nuxt/schema' {
                 map: Record<string, string>;
             };
             headings: ModuleOptions['headings'];
+            useNuxtImage?: boolean;
         };
     }
     interface ConfigSchema {

package/dist/module.json

@@ -1,5 +1,9 @@
 {
   "name": "@nuxtjs/mdc",
   "configKey": "mdc",
-  "version": "0.7.0"
+  "version": "0.8.0",
+  "builder": {
+    "@nuxt/module-builder": "0.7.0",
+    "unbuild": "2.0.0"
+  }
 }

package/dist/module.mjs

@@ -204,7 +204,6 @@ const DefaultHighlightLangs = [
   "vue",
   "css",
   "html",
-  "vue",
   "bash",
   "md",
   "mdc",
@@ -293,7 +292,7 @@ const module = defineNuxtModule({
       options: { configs: mdcConfigs$1 }
     });
     const nitroPreset = nuxt.options.nitro.preset || process.env.NITRO_PRESET || process.env.SERVER_PRESET || "";
-    const useWasmAssets = !nuxt.options.dev && (!!nuxt.options.nitro.experimental?.wasm || ["cloudflare-pages", "cloudflare"].includes(nitroPreset));
+    const useWasmAssets = !nuxt.options.dev && (!!nuxt.options.nitro.experimental?.wasm || ["cloudflare-pages", "cloudflare-module", "cloudflare"].includes(nitroPreset));
     registerTemplate({
       filename: "mdc-highlighter.mjs",
       getContents: mdcHighlighter,

package/dist/runtime/components/MDC.vue

@@ -12,6 +12,7 @@
       :class="props.class"
       :body="body"
       :data="data?.data"
+      :unwrap="props.unwrap"
     />
   </slot>
 </template>
@@ -55,6 +56,14 @@ const props = defineProps({
   class: {
     type: [String, Array, Object],
     default: ''
+  },
+  /**
+   * Tags to unwrap separated by spaces
+   * Example: 'ul li'
+   */
+  unwrap: {
+    type: [Boolean, String],
+    default: false
   }
 })
 

package/dist/runtime/components/MDCRenderer.vue

@@ -4,6 +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";
 const DEFAULT_SLOT = "default";
 const rxOn = /^@|^v-on:/;
 const rxBind = /^:|^v-bind:/;
@@ -27,6 +28,13 @@ export default defineComponent({
       type: Object,
       default: () => ({})
     },
+    /**
+     * Root tag to use for rendering
+     */
+    class: {
+      type: [String, Object],
+      default: void 0
+    },
     /**
      * Root tag to use for rendering
      */
@@ -47,6 +55,14 @@ export default defineComponent({
     components: {
       type: Object,
       default: () => ({})
+    },
+    /**
+     * Tags to unwrap separated by spaces
+     * Example: 'ul li'
+     */
+    unwrap: {
+      type: [Boolean, String],
+      default: false
     }
   },
   async setup(props) {
@@ -67,14 +83,22 @@ export default defineComponent({
     return { tags, contentKey, route };
   },
   render(ctx) {
-    const { tags, tag, body, data, contentKey, route } = ctx;
+    const { tags, tag, body, data, contentKey, route, unwrap } = ctx;
     if (!body) {
       return null;
     }
     const meta = { ...data, tags, $route: route };
     const component = tag !== false ? resolveVueComponent(tag || meta.component?.name || meta.component || "div") : void 0;
-    const childrenRenderer = renderSlots(body, h, meta, meta);
-    return component ? h(component, { ...meta.component?.props, ...this.$attrs, key: contentKey }, childrenRenderer) : childrenRenderer.default?.();
+    return component ? h(component, { ...meta.component?.props, class: ctx.class, ...this.$attrs, key: contentKey }, { default: defaultSlotRenderer }) : defaultSlotRenderer?.();
+    function defaultSlotRenderer() {
+      if (unwrap) {
+        return flatUnwrap(
+          renderSlots(body, h, meta, meta).default(),
+          typeof unwrap === "string" ? unwrap.split(" ") : ["*"]
+        );
+      }
+      return renderSlots(body, h, meta, meta).default();
+    }
   }
 });
 function renderNode(node, h2, documentMeta, parentScope = {}) {

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

@@ -1,5 +1,5 @@
 import type { PropType, DefineComponent } from 'vue';
-import type { MDCRoot } from '../types';
+import type { MDCRoot } from '../types.js';
 declare const _default: DefineComponent<{
     /**
      * Content to render
@@ -15,6 +15,13 @@ declare const _default: DefineComponent<{
         type: ObjectConstructor;
         default: () => {};
     };
+    /**
+     * Root tag to use for rendering
+     */
+    class: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: undefined;
+    };
     /**
      * Root tag to use for rendering
      */
@@ -36,10 +43,18 @@ declare const _default: DefineComponent<{
         type: PropType<Record<string, string | DefineComponent<any, any, any>>>;
         default: () => {};
     };
+    /**
+     * Tags to unwrap separated by spaces
+     * Example: 'ul li'
+     */
+    unwrap: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
 }, {
     tags: any;
     contentKey: import("vue").ComputedRef<string>;
-    route: any;
+    route: {} | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Content to render
@@ -55,6 +70,13 @@ declare const _default: DefineComponent<{
         type: ObjectConstructor;
         default: () => {};
     };
+    /**
+     * Root tag to use for rendering
+     */
+    class: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: undefined;
+    };
     /**
      * Root tag to use for rendering
      */
@@ -76,10 +98,20 @@ declare const _default: DefineComponent<{
         type: PropType<Record<string, string | DefineComponent<any, any, any>>>;
         default: () => {};
     };
+    /**
+     * Tags to unwrap separated by spaces
+     * Example: 'ul li'
+     */
+    unwrap: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
 }>>, {
     data: Record<string, any>;
+    class: string | Record<string, any>;
     tag: string | boolean;
-    components: Record<string, string | DefineComponent<any, any, any>>;
     prose: boolean;
+    components: Record<string, string | DefineComponent<any, any, any>>;
+    unwrap: string | boolean;
 }, {}>;
 export default _default;

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

@@ -1,5 +1,56 @@
+import type { Slot } from 'vue';
 /**
  * MDCSlot component
  */
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Tags to unwrap separated by spaces
+     * Example: 'ul li'
+     */
+    unwrap: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    /**
+     * VNode to render
+     * This is only useful for render functions
+     */
+    use: {
+        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<{
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Tags to unwrap separated by spaces
+     * Example: 'ul li'
+     */
+    unwrap: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    /**
+     * VNode to render
+     * This is only useful for render functions
+     */
+    use: {
+        type: FunctionConstructor;
+        default: undefined;
+    };
+}>>, {
+    name: string;
+    unwrap: string | boolean;
+    use: Function;
+}, {}>;
 export default _default;

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

@@ -16,5 +16,5 @@ import { computed, useRuntimeConfig } from '#imports'
 const props = defineProps<{ id?: string }>()
 
 const { headings } = useRuntimeConfig().public.mdc
-const generate = computed(() => props.id && headings?.anchorLinks?.h1)
+const generate = computed(() => props.id && (headings?.anchorLinks === true || (typeof headings?.anchorLinks === 'object' && headings?.anchorLinks?.h1)))
 </script>

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

@@ -16,5 +16,5 @@ import { computed, useRuntimeConfig } from '#imports'
 const props = defineProps<{ id?: string }>()
 
 const { headings } = useRuntimeConfig().public.mdc
-const generate = computed(() => props.id && headings?.anchorLinks?.h2)
+const generate = computed(() => props.id && (headings?.anchorLinks === true || (typeof headings?.anchorLinks === 'object' && headings?.anchorLinks?.h2)))
 </script>

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

@@ -16,5 +16,5 @@ import { computed, useRuntimeConfig } from '#imports'
 const props = defineProps<{ id?: string }>()
 
 const { headings } = useRuntimeConfig().public.mdc
-const generate = computed(() => props.id && headings?.anchorLinks?.h3)
+const generate = computed(() => props.id && (headings?.anchorLinks === true || (typeof headings?.anchorLinks === 'object' && headings?.anchorLinks?.h3)))
 </script>

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

@@ -16,5 +16,5 @@ import { computed, useRuntimeConfig } from '#imports'
 const props = defineProps<{ id?: string }>()
 
 const { headings } = useRuntimeConfig().public.mdc
-const generate = computed(() => props.id && headings?.anchorLinks?.h4)
+const generate = computed(() => props.id && (headings?.anchorLinks === true || (typeof headings?.anchorLinks === 'object' && headings?.anchorLinks?.h4)))
 </script>

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

@@ -16,5 +16,5 @@ import { computed, useRuntimeConfig } from '#imports'
 const props = defineProps<{ id?: string }>()
 
 const { headings } = useRuntimeConfig().public.mdc
-const generate = computed(() => props.id && headings?.anchorLinks?.h5)
+const generate = computed(() => props.id && (headings?.anchorLinks === true || (typeof headings?.anchorLinks === 'object' && headings?.anchorLinks?.h5)))
 </script>

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

@@ -16,5 +16,5 @@ import { computed, useRuntimeConfig } from '#imports'
 const props = defineProps<{ id?: string }>()
 
 const { headings } = useRuntimeConfig().public.mdc
-const generate = computed(() => props.id && headings?.anchorLinks?.h6)
+const generate = computed(() => props.id && (headings?.anchorLinks === true || (typeof headings?.anchorLinks === 'object' && headings?.anchorLinks?.h6)))
 </script>

package/dist/runtime/highlighter/rehype-nuxt.d.ts

@@ -1,3 +1,3 @@
-import { type RehypeHighlightOption } from './rehype';
+import { type RehypeHighlightOption } from './rehype.js';
 export default rehypeHighlight;
 export declare function rehypeHighlight(opts?: Partial<RehypeHighlightOption>): (tree: import("hast").Root) => Promise<void>;

package/dist/runtime/highlighter/{rehype-nuxt.mjs → rehype-nuxt.js}

@@ -1,4 +1,4 @@
-import { rehypeHighlight as rehypeHighlightUniversal } from "./rehype.mjs";
+import { rehypeHighlight as rehypeHighlightUniversal } from "./rehype.js";
 const defaults = {
   theme: {},
   async highlighter(code, lang, theme, options) {

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

@@ -1,5 +1,5 @@
 import type { Root } from 'hast';
-import type { Highlighter, MdcThemeOptions } from './types';
+import type { Highlighter, MdcThemeOptions } from './types.js';
 export interface RehypeHighlightOption {
     theme?: MdcThemeOptions;
     highlighter?: Highlighter;

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

@@ -1,6 +1,6 @@
 import type { LanguageInput, ThemeInput } from 'shiki';
-import type { MdcConfig } from '../types/config';
-import type { Highlighter } from './types';
+import type { MdcConfig } from '../types/config.js';
+import type { Highlighter } from './types.js';
 export interface CreateShikiHighlighterOptions {
     themes?: ThemeInput[];
     langs?: LanguageInput[];

package/dist/runtime/index.d.ts

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

package/dist/runtime/index.js

@@ -0,0 +1,4 @@
+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/compiler.d.ts

@@ -1,2 +1,2 @@
-import type { MDCParseOptions } from '../types';
+import type { MDCParseOptions } from '../types.js';
 export declare function compileHast(this: any, options?: MDCParseOptions): void;

package/dist/runtime/parser/{compiler.mjs → compiler.js}

@@ -1,6 +1,6 @@
 import { toString } from "hast-util-to-string";
 import Slugger from "github-slugger";
-import { validateProps } from "./utils/props.mjs";
+import { validateProps } from "./utils/props.js";
 export function compileHast(options = {}) {
   const slugs = new Slugger();
   function compileToJSON(node, parent) {
@@ -79,6 +79,7 @@ export function compileHast(options = {}) {
         }
       }
     }
+    body.children = (body.children || []).filter((child) => child.type !== "text");
     return {
       body,
       excerpt

package/dist/runtime/parser/handlers/{code.mjs → code.js}

@@ -1,5 +1,5 @@
 import { detab } from "detab";
-import { parseThematicBlock } from "./utils.mjs";
+import { parseThematicBlock } from "./utils.js";
 export default (state, node) => {
   const lang = (node.lang || "") + " " + (node.meta || "");
   const { language, highlights, filename, meta } = parseThematicBlock(lang);
@@ -12,7 +12,6 @@ export default (state, node) => {
   };
   if (meta) {
     result.data = {
-      // @ts-expect-error missing types
       meta
     };
   }

package/dist/runtime/parser/handlers/{html.mjs → html.js}

@@ -1,5 +1,5 @@
 import { kebabCase } from "scule";
-import { getTagName } from "./utils.mjs";
+import { getTagName } from "./utils.js";
 export default function html(state, node) {
   const tagName = getTagName(node.value);
   if (tagName && /[A-Z]/.test(tagName)) {

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

@@ -1,12 +1,12 @@
-import emphasis from './emphasis';
-import html from './html';
-import link from './link';
-import list from './list';
-import paragraph from './paragraph';
-import image from './image';
-import strong from './strong';
-import inlineCode from './inlineCode';
-import containerComponent from './containerComponent';
+import emphasis from './emphasis.js';
+import html from './html.js';
+import link from './link.js';
+import list from './list.js';
+import paragraph from './paragraph.js';
+import image from './image.js';
+import strong from './strong.js';
+import inlineCode from './inlineCode.js';
+import containerComponent from './containerComponent.js';
 declare const _default: {
     emphasis: typeof emphasis;
     code: (state: import("mdast-util-to-hast").State, node: import("mdast").Code) => import("hast").Element;

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

@@ -0,0 +1,22 @@
+import emphasis from "./emphasis.js";
+import code from "./code.js";
+import html from "./html.js";
+import link from "./link.js";
+import list from "./list.js";
+import paragraph from "./paragraph.js";
+import image from "./image.js";
+import strong from "./strong.js";
+import inlineCode from "./inlineCode.js";
+import containerComponent from "./containerComponent.js";
+export default {
+  emphasis,
+  code,
+  link,
+  paragraph,
+  html,
+  list,
+  image,
+  strong,
+  inlineCode,
+  containerComponent
+};

package/dist/runtime/parser/handlers/{paragraph.mjs → paragraph.js}

@@ -1,6 +1,6 @@
 import { kebabCase } from "scule";
-import htmlTags from "../utils/html-tags-list.mjs";
-import { getTagName } from "./utils.mjs";
+import htmlTags from "../utils/html-tags-list.js";
+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");

package/dist/runtime/parser/handlers/{utils.mjs → utils.js}

@@ -8,14 +8,14 @@ export function parseThematicBlock(lang) {
     };
   }
   const languageMatches = lang.replace(/[{|[](.+)/, "").match(/^[^ \t]+(?=[ \t]|$)/);
-  const highlightTokensMatches = lang.match(/{([^}]*)}/);
-  const filenameMatches = lang.match(/\[((\\]|[^\]])*)\]/);
+  const highlightTokensMatches = lang.match(/\{([^}]*)\}/);
+  const filenameMatches = lang.match(/\[((\\\]|[^\]])*)\]/);
   const meta = lang.replace(languageMatches?.[0] ?? "", "").replace(highlightTokensMatches?.[0] ?? "", "").replace(filenameMatches?.[0] ?? "", "").trim();
   return {
     language: languageMatches?.[0] || void 0,
     highlights: parseHighlightedLines(highlightTokensMatches?.[1] || void 0),
     // https://github.com/nuxt/content/pull/2169
-    filename: filenameMatches?.[1].replace(/\\]/g, "]") || void 0,
+    filename: filenameMatches?.[1].replace(/\\\]/g, "]") || void 0,
     meta
   };
 }
@@ -26,7 +26,7 @@ function parseHighlightedLines(lines) {
   });
   return lineArray.length ? lineArray : void 0;
 }
-const TAG_NAME_REGEXP = /^<\/?([A-Za-z0-9-_]+) ?[^>]*>/;
+const TAG_NAME_REGEXP = /^<\/?([\w-]+)(\s[^>]*?)?\/?>/;
 export function getTagName(value) {
   const result = String(value).match(TAG_NAME_REGEXP);
   return result && result[1];

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

@@ -1,4 +1,4 @@
-import type { MDCParseOptions, MDCParserResult, MDCRoot } from '../types';
+import type { MDCParseOptions, MDCParserResult, MDCRoot } from '../types.js';
 export declare const createMarkdownParser: (inlineOptions?: MDCParseOptions) => Promise<(md: string) => Promise<MDCParserResult>>;
 export declare const parseMarkdown: (md: string, inlineOptions?: MDCParseOptions) => Promise<MDCParserResult>;
 export declare function contentHeading(body: MDCRoot): {

package/dist/runtime/parser/{index.mjs → index.js}

@@ -3,11 +3,11 @@ import remarkParse from "remark-parse";
 import remark2rehype from "remark-rehype";
 import { parseFrontMatter } from "remark-mdc";
 import { defu } from "defu";
-import { nodeTextContent } from "../utils/node.mjs";
-import { useProcessorPlugins } from "./utils/plugins.mjs";
-import { defaults } from "./options.mjs";
-import { generateToc } from "./toc.mjs";
-import { compileHast } from "./compiler.mjs";
+import { nodeTextContent } from "../utils/node.js";
+import { useProcessorPlugins } from "./utils/plugins.js";
+import { defaults } from "./options.js";
+import { generateToc } from "./toc.js";
+import { compileHast } from "./compiler.js";
 let moduleOptions;
 let generatedMdcConfigs;
 export const createMarkdownParser = async (inlineOptions = {}) => {

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

@@ -1,2 +1,2 @@
-import type { MDCParseOptions } from '../types';
+import type { MDCParseOptions } from '../types.js';
 export declare const defaults: MDCParseOptions;

package/dist/runtime/parser/{options.mjs → options.js}

@@ -5,7 +5,7 @@ import rehypeExternalLinks from "rehype-external-links";
 import rehypeSortAttributeValues from "rehype-sort-attribute-values";
 import rehypeSortAttributes from "rehype-sort-attributes";
 import rehypeRaw from "rehype-raw";
-import handlers from "./handlers/index.mjs";
+import handlers from "./handlers/index.js";
 export const defaults = {
   remark: {
     plugins: {

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

@@ -1,3 +1,3 @@
-import type { MDCNode, Toc, MDCElement, MDCRoot } from '../types';
+import type { MDCNode, Toc, MDCElement, MDCRoot } from '../types.js';
 export declare function generateFlatToc(body: MDCNode, options: Toc): Toc;
 export declare function generateToc(body: MDCElement | MDCRoot, options: Toc): Toc;

package/dist/runtime/parser/{toc.mjs → toc.js}

@@ -1,4 +1,4 @@
-import { flattenNode, flattenNodeText } from "../utils/ast.mjs";
+import { flattenNode, flattenNodeText } from "../utils/ast.js";
 const TOC_TAGS = ["h2", "h3", "h4", "h5", "h6"];
 const TOC_TAGS_DEPTH = TOC_TAGS.reduce((tags, tag) => {
   tags[tag] = Number(tag.charAt(tag.length - 1));

package/dist/runtime/parser/utils/plugins.d.ts

@@ -1,3 +1,2 @@
-import type { Processor } from 'remark-rehype/lib';
-import type { MDCParseOptions } from '../../types';
+import type { MDCParseOptions } from '../../types.js';
 export declare const useProcessorPlugins: (processor: Processor, plugins?: Exclude<MDCParseOptions['rehype'] | MDCParseOptions['remark'], undefined>['plugins']) => Promise<void>;

package/dist/runtime/types/config.d.ts

@@ -1,6 +1,6 @@
 import type { Highlighter, HighlighterCore, ShikiTransformer } from 'shiki';
 import type { Processor } from 'unified';
-import type { MdcThemeOptions, HighlighterOptions } from '../highlighter/types';
+import type { MdcThemeOptions, HighlighterOptions } from '../highlighter/types.js';
 export type Awaitable<T> = T | Promise<T>;
 export interface MdcConfig {
     /**

package/dist/runtime/types/hast.d.ts

@@ -1,4 +1,4 @@
-import type { Data as UnistData, Literal as UnistLiteral, Node as UnistNode, Parent as UnistParent } from './unist';
+import type { Data as UnistData, Literal as UnistLiteral, Node as UnistNode, Parent as UnistParent } from './unist.js';
 /**
  * Info associated with hast nodes by the ecosystem.
  *

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

@@ -1,3 +1,3 @@
-export * from './tree';
-export * from './parser';
-export * from './toc';
+export * from './tree.js';
+export * from './parser.js';
+export * from './toc.js';

package/dist/runtime/types/index.js

@@ -0,0 +1,3 @@
+export * from "./tree.js";
+export * from "./parser.js";
+export * from "./toc.js";

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

@@ -1,8 +1,8 @@
 import type { Options as RehypeOption } from 'remark-rehype';
-import type { RehypeHighlightOption } from '../highlighter/rehype';
-import type { MdcConfig } from './config';
-import type { MDCData, MDCRoot } from './tree';
-import type { Toc } from './toc';
+import type { RehypeHighlightOption } from '../highlighter/rehype.js';
+import type { MdcConfig } from './config.js';
+import type { MDCData, MDCRoot } from './tree.js';
+import type { Toc } from './toc.js';
 export interface RemarkPlugin {
     instance?: any;
     options?: Array<any> | Record<string, any>;

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

@@ -1,4 +1,4 @@
-import type { MDCNode } from '../types';
+import type { MDCNode } from '../types.js';
 export declare function flattenNodeText(node: MDCNode): string;
 export declare function flattenNode(node: MDCNode, maxDepth?: number, _depth?: number): Array<MDCNode>;
 export declare function setNodeData(node: MDCNode & {

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

@@ -1,5 +1,5 @@
 import type { VNode } from 'vue';
-import type { MDCElement, MDCNode } from '../types';
+import type { MDCElement, MDCNode } from '../types.js';
 /**
  * List of text nodes
  */

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/dist/vue.js").VNode<import("vue/dist/vue.js").RendererNode, import("vue/dist/vue.js").RendererElement, {
     [key: string]: any;
 }>;

package/dist/runtime/utils/{slot.mjs → slot.js}

@@ -1,5 +1,5 @@
 import { renderSlot as _renderSlot } from "vue";
-import { flatUnwrap } from "./node.mjs";
+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);

package/dist/runtime/utils/{ssrSlot.mjs → ssrSlot.js}

@@ -1,5 +1,5 @@
 import { ssrRenderSlot as _ssrRenderSlot } from "vue/server-renderer";
-import { flatUnwrap } from "./node.mjs";
+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);

package/dist/types.d.mts

@@ -2,7 +2,91 @@
 import type {  } from './module.js'
 
 
+declare module '@nuxt/schema' {
+  export interface ModuleOptions {
+ remarkPlugins: any,
 
+ rehypePlugins: any,
+
+ /** @default false */
+ highlight: boolean,
+
+ headings: {
+  anchorLinks: {
+   /** @default false */
+   h1: boolean,
+
+   /** @default true */
+   h2: boolean,
+
+   /** @default true */
+   h3: boolean,
+
+   /** @default true */
+   h4: boolean,
+
+   /** @default false */
+   h5: boolean,
+
+   /** @default false */
+   h6: boolean,
+  },
+ },
+
+ /** @default false */
+ keepComments: boolean,
+
+ components: {
+  /** @default true */
+  prose: boolean,
+
+  map: any,
+ },
+}
+}
+
+declare module 'nuxt/schema' {
+  export interface ModuleOptions {
+ remarkPlugins: any,
+
+ rehypePlugins: any,
+
+ /** @default false */
+ highlight: boolean,
+
+ headings: {
+  anchorLinks: {
+   /** @default false */
+   h1: boolean,
+
+   /** @default true */
+   h2: boolean,
+
+   /** @default true */
+   h3: boolean,
+
+   /** @default true */
+   h4: boolean,
+
+   /** @default false */
+   h5: boolean,
+
+   /** @default false */
+   h6: boolean,
+  },
+ },
+
+ /** @default false */
+ keepComments: boolean,
+
+ components: {
+  /** @default true */
+  prose: boolean,
+
+  map: any,
+ },
+}
+}
 
 
 export type { DefaultHighlightLangs, default } from './module.js'

package/dist/types.d.ts

@@ -2,7 +2,91 @@
 import type {  } from './module'
 
 
+declare module '@nuxt/schema' {
+  export interface ModuleOptions {
+ remarkPlugins: any,
 
+ rehypePlugins: any,
+
+ /** @default false */
+ highlight: boolean,
+
+ headings: {
+  anchorLinks: {
+   /** @default false */
+   h1: boolean,
+
+   /** @default true */
+   h2: boolean,
+
+   /** @default true */
+   h3: boolean,
+
+   /** @default true */
+   h4: boolean,
+
+   /** @default false */
+   h5: boolean,
+
+   /** @default false */
+   h6: boolean,
+  },
+ },
+
+ /** @default false */
+ keepComments: boolean,
+
+ components: {
+  /** @default true */
+  prose: boolean,
+
+  map: any,
+ },
+}
+}
+
+declare module 'nuxt/schema' {
+  export interface ModuleOptions {
+ remarkPlugins: any,
+
+ rehypePlugins: any,
+
+ /** @default false */
+ highlight: boolean,
+
+ headings: {
+  anchorLinks: {
+   /** @default false */
+   h1: boolean,
+
+   /** @default true */
+   h2: boolean,
+
+   /** @default true */
+   h3: boolean,
+
+   /** @default true */
+   h4: boolean,
+
+   /** @default false */
+   h5: boolean,
+
+   /** @default false */
+   h6: boolean,
+  },
+ },
+
+ /** @default false */
+ keepComments: boolean,
+
+ components: {
+  /** @default true */
+  prose: boolean,
+
+  map: any,
+ },
+}
+}
 
 
 export type { DefaultHighlightLangs, default } from './module'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/mdc",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Nuxt MDC module",
   "repository": "nuxt-modules/mdc",
   "license": "MIT",
@@ -66,23 +66,24 @@
     "dev:docs": "nuxi dev docs",
     "release": "release-it",
     "lint": "eslint .",
+    "typecheck": "nuxt typecheck",
     "test": "vitest run",
     "test:watch": "vitest watch"
   },
   "dependencies": {
     "@nuxt/kit": "^3.11.2",
-    "@shikijs/transformers": "^1.3.0",
+    "@shikijs/transformers": "^1.6.3",
     "@types/hast": "^3.0.4",
-    "@types/mdast": "^4.0.3",
-    "@vue/compiler-core": "^3.4.24",
+    "@types/mdast": "^4.0.4",
+    "@vue/compiler-core": "^3.4.27",
     "consola": "^3.2.3",
-    "debug": "^4.3.4",
+    "debug": "^4.3.5",
     "defu": "^6.1.4",
     "destr": "^2.0.3",
     "detab": "^3.0.2",
     "github-slugger": "^2.0.0",
     "hast-util-to-string": "^3.0.0",
-    "mdast-util-to-hast": "^13.1.0",
+    "mdast-util-to-hast": "^13.2.0",
     "micromark-util-sanitize-uri": "^2.0.0",
     "ohash": "^1.1.3",
     "parse5": "^7.1.2",
@@ -93,13 +94,13 @@
     "rehype-slug": "^6.0.0",
     "rehype-sort-attribute-values": "^5.0.0",
     "rehype-sort-attributes": "^5.0.0",
-    "remark-emoji": "^4.0.1",
+    "remark-emoji": "^5.0.0",
     "remark-gfm": "^4.0.0",
-    "remark-mdc": "^3.2.0",
+    "remark-mdc": "^3.2.1",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.0",
     "scule": "^1.3.0",
-    "shiki": "^1.3.0",
+    "shiki": "^1.6.3",
     "ufo": "^1.5.3",
     "unified": "^11.0.4",
     "unist-builder": "^4.0.0",
@@ -108,19 +109,20 @@
   },
   "devDependencies": {
     "@nuxt/devtools": "latest",
-    "@nuxt/eslint-config": "^0.3.9",
-    "@nuxt/module-builder": "^0.5.5",
+    "@nuxt/eslint-config": "^0.3.13",
+    "@nuxt/module-builder": "^0.7.0",
     "@nuxt/schema": "^3.11.2",
-    "@nuxt/test-utils": "^3.12.1",
-    "@nuxt/ui": "^2.15.2",
-    "@types/mdurl": "^1.0.5",
-    "@types/node": "^20.12.7",
+    "@nuxt/test-utils": "^3.13.1",
+    "@nuxt/ui": "^2.16.0",
+    "@types/node": "^20.14.2",
     "changelogen": "^0.5.5",
-    "eslint": "^9.1.1",
+    "eslint": "^9.4.0",
     "nuxt": "^3.11.2",
     "rehype": "^13.0.1",
-    "release-it": "^17.2.0",
-    "vitest": "^1.5.0"
+    "release-it": "^17.3.0",
+    "typescript": "^5.4.5",
+    "vitest": "^1.6.0",
+    "vue-tsc": "^2.0.19"
   },
   "release-it": {
     "git": {

package/dist/runtime/index.mjs

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

package/dist/runtime/parser/handlers/index.mjs

@@ -1,22 +0,0 @@
-import emphasis from "./emphasis.mjs";
-import code from "./code.mjs";
-import html from "./html.mjs";
-import link from "./link.mjs";
-import list from "./list.mjs";
-import paragraph from "./paragraph.mjs";
-import image from "./image.mjs";
-import strong from "./strong.mjs";
-import inlineCode from "./inlineCode.mjs";
-import containerComponent from "./containerComponent.mjs";
-export default {
-  emphasis,
-  code,
-  link,
-  paragraph,
-  html,
-  list,
-  image,
-  strong,
-  inlineCode,
-  containerComponent
-};

package/dist/runtime/types/index.mjs

@@ -1,3 +0,0 @@
-export * from "./tree.mjs";
-export * from "./parser.mjs";
-export * from "./toc.mjs";

package/dist/shared/mdc.a6f76af4.d.mts

@@ -1,9 +0,0 @@
-import { BuiltinTheme } from 'shiki';
-
-type MdcThemeOptions = BuiltinTheme | string | Record<string, BuiltinTheme | string>;
-interface HighlighterOptions {
-    highlights?: number[];
-    meta?: string;
-}
-
-export type { HighlighterOptions as H, MdcThemeOptions as M };

package/dist/shared/mdc.a6f76af4.d.ts

@@ -1,9 +0,0 @@
-import { BuiltinTheme } from 'shiki';
-
-type MdcThemeOptions = BuiltinTheme | string | Record<string, BuiltinTheme | string>;
-interface HighlighterOptions {
-    highlights?: number[];
-    meta?: string;
-}
-
-export type { HighlighterOptions as H, MdcThemeOptions as M };