@nuxtjs/mdc 0.7.0 → 0.7.1

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 './runtime/types/config.ts';
 
 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 './runtime/types/config.ts';
 
 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 './runtime/highlighter/types.ts';
 
 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;
-        };
+        } | false;
     };
     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 './runtime/highlighter/types.ts';
 
 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;
-        };
+        } | false;
     };
     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.7.1",
+  "builder": {
+    "@nuxt/module-builder": "0.6.0",
+    "unbuild": "2.0.0"
+  }
 }

package/dist/module.mjs

@@ -204,7 +204,6 @@ const DefaultHighlightLangs = [
   "vue",
   "css",
   "html",
-  "vue",
   "bash",
   "md",
   "mdc",

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

@@ -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/parser/compiler.mjs

@@ -79,6 +79,7 @@ export function compileHast(options = {}) {
         }
       }
     }
+    body.children = (body.children || []).filter((child) => child.type !== "text");
     return {
       body,
       excerpt

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/mdc",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Nuxt MDC module",
   "repository": "nuxt-modules/mdc",
   "license": "MIT",
@@ -71,10 +71,10 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.11.2",
-    "@shikijs/transformers": "^1.3.0",
+    "@shikijs/transformers": "^1.5.2",
     "@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",
     "defu": "^6.1.4",
@@ -95,11 +95,11 @@
     "rehype-sort-attributes": "^5.0.0",
     "remark-emoji": "^4.0.1",
     "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.5.2",
     "ufo": "^1.5.3",
     "unified": "^11.0.4",
     "unist-builder": "^4.0.0",
@@ -108,19 +108,18 @@
   },
   "devDependencies": {
     "@nuxt/devtools": "latest",
-    "@nuxt/eslint-config": "^0.3.9",
-    "@nuxt/module-builder": "^0.5.5",
+    "@nuxt/eslint-config": "^0.3.12",
+    "@nuxt/module-builder": "^0.6.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.0",
+    "@nuxt/ui": "^2.16.0",
+    "@types/node": "^20.12.12",
     "changelogen": "^0.5.5",
-    "eslint": "^9.1.1",
+    "eslint": "^9.2.0",
     "nuxt": "^3.11.2",
     "rehype": "^13.0.1",
-    "release-it": "^17.2.0",
-    "vitest": "^1.5.0"
+    "release-it": "^17.2.1",
+    "vitest": "^1.6.0"
   },
   "release-it": {
     "git": {

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 };