fix(module): fixed the client-only warning

xiaoluoboding · Nov 21, 2024 · 5cb93ff · 5cb93ff
1 parent 0f456eb
commit 5cb93ff
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -111,9 +111,7 @@ pnpm build:dev
 ```html
 <!-- App.vue -->
 <template>
-  <ClientOnly>
-    <Toaster />
-  </ClientOnly>
+  <Toaster />
   <button @click="() => toast('My first toast')">Render a toast</button>
 </template>
 

diff --git a/playground/app.vue b/playground/app.vue
@@ -1,8 +1,6 @@
 <template>
   <div>
-    <ClientOnly>
-      <Toaster position="top-center" />
-    </ClientOnly>
+    <Toaster position="top-center" />
 
     <button @click="$toast('Render a toast')">Render a toast</button>
   </div>

diff --git a/src/module.ts b/src/module.ts
@@ -24,7 +24,8 @@ const module: NuxtModule<ModuleOptions> = defineNuxtModule<ModuleOptions>({
     addComponent({
       name: 'Toaster',
       export: 'Toaster',
-      filePath: 'vue-sonner'
+      filePath: 'vue-sonner',
+      mode: 'client'
     })
 
     addPlugin({