feat: introduce wrapperDiv option (#61)

Co-authored-by: Anthony Fu <[email protected]>

Author: michaelmcandrew

src/core/markdown.ts

@@ -102,6 +102,7 @@ export function createMarkdown(options: ResolvedOptions) {
     const md = await setupPromise
 
     const {
+      wrapperDiv,
       wrapperClasses,
       wrapperComponent,
       transforms,
@@ -116,18 +117,20 @@ export function createMarkdown(options: ResolvedOptions) {
     let html = await md.renderAsync(raw, env)
     const { excerpt = '', frontmatter: data = null } = env
 
-    const wrapperClassesResolved = toArray(
-      typeof wrapperClasses === 'function'
-        ? wrapperClasses(id, raw)
-        : wrapperClasses,
-    )
-      .filter(Boolean)
-      .join(' ')
-
-    if (wrapperClassesResolved)
-      html = `<div class="${wrapperClassesResolved}">${html}</div>`
-    else
-      html = `<div>${html}</div>`
+    if (wrapperDiv) {
+      const wrapperClassesResolved = toArray(
+        typeof wrapperClasses === 'function'
+          ? wrapperClasses(id, raw)
+          : wrapperClasses,
+      )
+        .filter(Boolean)
+        .join(' ')
+
+      if (wrapperClassesResolved)
+        html = `<div class="${wrapperClassesResolved}">${html}</div>`
+      else
+        html = `<div>${html}</div>`
+    }
 
     const wrapperComponentName = typeof wrapperComponent === 'function'
       ? wrapperComponent(id, raw)

src/core/options.ts

@@ -17,6 +17,7 @@ export function resolveOptions(userOptions: Options): ResolvedOptions {
     markdownItOptions: {},
     markdownItUses: [],
     markdownItSetup: () => {},
+    wrapperDiv: true,
     wrapperComponent: null,
     transforms: {},
     vueVersion: userOptions.vueVersion || getVueVersion(),

src/types.ts

@@ -169,6 +169,13 @@ export interface Options {
    */
   markdownItSetup?: (MarkdownIt: MarkdownItAsync) => void | Promise<void>
 
+  /**
+   * Wrap the html in a div
+   *
+   * @default true
+   */
+  wrapperDiv?: boolean
+
   /**
    * Class names for wrapper div
    *
@@ -199,7 +206,7 @@ export interface Options {
   exclude?: FilterPattern
 }
 
-export interface ResolvedOptions extends Required<Options> {}
+export interface ResolvedOptions extends Required<Options> { }
 
 export interface MarkdownEnv extends MarkdownItEnv {
   id: string