fix: prefix for components, lowlight import

README.md

@@ -23,7 +23,7 @@ Instantly add [TipTap Editor](https://tiptap.dev/editor) with basic functionalit
 ## Features
 
 - 🔆Easy to integrate
-- ⚡️Instantly usable components
+- ⚡️Instantly usable components provided by `@tiptap`.
 
 ## Quick Setup
 
@@ -176,7 +176,7 @@ Instantly add [TipTap Editor](https://tiptap.dev/editor) with basic functionalit
            redo
          </button>
        </div>
-       <EditorContent :editor="editor" />
+       <TiptapEditorContent :editor="editor" />
      </div>
    </template>
 

src/imports/optional.ts

@@ -1,7 +1,4 @@
 export const lowlightImports = [
   { name: "lowlight ", path: "lowlight" },
-  { name: "CodeBlock", path: "@tiptap/extension-code-block" },
-];
-
-export const optionalImports: {[key: string]: any}[] = [];
-export const optionalComponents: {[key: string]: any}[] = [];
+  { name: "CodeBlockLowlight", path: "@tiptap/extension-code-block-lowlight" },
+];

src/module.ts

@@ -21,17 +21,11 @@ export interface ModuleOptions {
   lowlight?:
     | boolean
     | {
-        /**
-         * Determine if lowlight should be enabled
-         *
-         * @default false
-         */
-        enabled: boolean;
         /**
          * Languages to be loaded for highlighting
          *
          */
-        languages: string[];
+        // languages: string[];
       };
 }
 
@@ -54,6 +48,9 @@ export default defineNuxtModule<ModuleOptions>({
 
     const transpileModules = new Set<string>([]);
 
+    var optionalImports: { [key: string]: any }[] = [];
+    var optionalComponents: { [key: string]: any }[] = [];
+
     // Do not add the extension since the `.ts` will be transpiled to `.mjs` after `npm run prepack`
     for (const obj of allImports.defaultComposables) {
       addImports({
@@ -78,21 +75,21 @@ export default defineNuxtModule<ModuleOptions>({
     for (const obj of allImports.defaultComponents) {
       addComponent({
         mode: "client",
-        name: obj.name,
+        name: `${options.prefix}${obj.name}`,
         export: obj.name,
         filePath: obj.path,
         // _internal_install: obj.path,
       });
       transpileModules.add(obj.path);
     }
 
-    if (options.lowlight === false) {
-      allImports.optionalImports.push(...allImports.lowlightImports);
+    if (!!options.lowlight && options.lowlight !== false) {
+      optionalImports = [...optionalImports, ...allImports.lowlightImports];
     }
 
-    for (const obj of allImports.optionalImports) {
+    for (const obj of optionalImports) {
       addImports({
-        as: obj.name,
+        as: `${options.prefix}${obj.name}`,
         name: obj.name,
         from: obj.path,
         // _internal_install: obj.path,