feat(nuxt): add client-only

xiaoluoboding · Nov 20, 2024 · 8dd0b3e · 8dd0b3e
1 parent a302447
commit 8dd0b3e
Show file tree

Hide file tree

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

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