diff --git a/playground/components/TipTap.client.vue b/playground/components/TipTap.vue
similarity index 100%
rename from playground/components/TipTap.client.vue
rename to playground/components/TipTap.vue
diff --git a/playground/components/TipTapLowlight.client.vue b/playground/components/TipTapLowlight.vue
similarity index 100%
rename from playground/components/TipTapLowlight.client.vue
rename to playground/components/TipTapLowlight.vue
diff --git a/src/module.ts b/src/module.ts
index bf4494c..a49468c 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -54,7 +54,7 @@ export default defineNuxtModule<ModuleOptions>({
 
     for (const obj of allImports.defaultComponents) {
       addComponent({
-        mode: "client",
+        // mode: "client",
         name: `${options.prefix}${obj.name}`,
         export: obj.name,
         filePath: obj.path,
@@ -90,7 +90,7 @@ export default defineNuxtModule<ModuleOptions>({
 
     for (const obj of optionalComponents) {
       addComponent({
-        mode: "client",
+        // mode: "client",
         name: `${options.prefix}${obj.name}`,
         export: obj.name,
         filePath: obj.path,
@@ -106,6 +106,6 @@ export default defineNuxtModule<ModuleOptions>({
 
     nuxt.options.css = [...nuxt.options.css, ...customCSS];
 
-    console.log("Tiptap Editor initialized");
+    console.info("Tiptap Editor initialized");
   },
 });