fix(options): remove getWrapperClassName, make wrapperClassName to accept both string and function

Author: mdluo

src/index.js

@@ -36,7 +36,6 @@ function createPlugin() {
     {
       colorTheme = 'Default Dark+',
       wrapperClassName = '',
-      getWrapperClassName = () => '',
       languageAliases = {},
       extensions = [],
       getLineClassName = () => '',
@@ -53,7 +52,6 @@ function createPlugin() {
     const lineTransformers = getLineTransformers({
       colorTheme,
       wrapperClassName,
-      getWrapperClassName,
       languageAliases,
       extensions,
       getLineClassName,
@@ -179,17 +177,17 @@ function createPlugin() {
           );
         }
 
-        const className = joinClassNames(
-          wrapperClassName,
-          getWrapperClassName({
-            language: languageName,
-            markdownNode,
-            codeFenceNode: node,
-            parsedOptions: options,
-          }),
-          themeClassNames,
-          'vscode-highlight'
-        );
+        const wrapperClassNameValue =
+          typeof wrapperClassName === 'function'
+            ? wrapperClassName({
+                language: languageName,
+                markdownNode,
+                codeFenceNode: node,
+                parsedOptions: options
+              })
+            : wrapperClassName;
+
+        const className = joinClassNames(wrapperClassNameValue, themeClassNames, 'vscode-highlight');
         node.type = 'html';
         node.value = renderHTML(
           pre(

src/types.d.ts

@@ -41,8 +41,7 @@ type ColorThemeOption = string | ColorThemeSettings | ((data: CodeFenceData) =>
 
 interface PluginOptions {
   colorTheme?: ColorThemeOption;
-  wrapperClassName?: string;
-  getWrapperClassName?: (data: CodeFenceData) => string;
+  wrapperClassName?: string | ((data: CodeFenceData) => string);
   languageAliases?: Record<string, string>;
   extensions?: ExtensionDemand[];
   getLineClassName?: (line: LineData) => string;