diff --git a/demo/components/shared/Background.vue b/demo/components/shared/Background.server.vue
similarity index 100%
rename from demo/components/shared/Background.vue
rename to demo/components/shared/Background.server.vue
diff --git a/demo/nuxt.config.ts b/demo/nuxt.config.ts
index d40dc2df..208d21e4 100644
--- a/demo/nuxt.config.ts
+++ b/demo/nuxt.config.ts
@@ -3,6 +3,9 @@ import { getHead } from './utils/head'
 export default defineNuxtConfig({
    modules: ['notivue/nuxt'],
    ssr: true,
+   experimental: {
+      componentIslands: true,
+   },
    notivue: {
       // addPlugin: true,
       notifications: {
diff --git a/demo/package.json b/demo/package.json
index f0464111..b62e6032 100644
--- a/demo/package.json
+++ b/demo/package.json
@@ -12,7 +12,8 @@
       "@types/luxon": "^3.4.2",
       "@types/node": "^20.11.7",
       "lightningcss": "^1.23.0",
-      "nuxt": "^3.9.3"
+      "nuxt": "^3.9.3",
+      "vue": "^3.4.15"
    },
    "dependencies": {
       "luxon": "^3.4.4",