diff --git a/README.md b/README.md
index 440a706..0f3823b 100644
--- 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
index 50b1dd2..26b1f6d 100644
--- 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
index b07fb41..5c93295 100644
--- 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({