diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 9bd8b8f..48124c6 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -31,5 +31,12 @@ export default defineConfig({
     socialLinks: [
       { icon: 'github', link: 'https://github.com/vuejs/vitepress' }
     ]
+  },
+  vite: {
+    build: {
+      rollupOptions: {
+        external: ["vue/server-renderer", "vue"]
+      }
+    }
   }
 })
diff --git a/docs/quick-start.md b/docs/quick-start.md
index 2b44764..e1de1f6 100644
--- a/docs/quick-start.md
+++ b/docs/quick-start.md
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { useData } from 'vitepress'
 import { initNativeModal } from '../src/lib/index.js' 
-import {computed} from ".vitepress/cache/deps/vue.js"; 
+import { computed } from 'vue'
 initNativeModal()
 
 const { isDark } = useData()
diff --git a/package.json b/package.json
index 5dfcd42..c5d2f96 100644
--- a/package.json
+++ b/package.json
@@ -42,8 +42,5 @@
   },
   "optionalDependencies": {
     "@rollup/rollup-linux-x64-gnu": "4.6.1"
-  },
-  "overrides": {
-    "vue": "latest"
   }
 }
diff --git a/src/lib/index.ts b/src/lib/index.ts
index 8a91bf6..de46dfb 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -3,9 +3,9 @@ import './styles/default.css'
 import { getDialogElement } from './helpers'
 
 export function initNativeModal() {
-    window.__NATIVE_MODAL__ = {
-        ACTIVE_MODALS: [],
-        ONETIME_MODALS: new Set()
+    // SSR FRIENDLY
+    if (typeof document === 'undefined' || typeof window === 'undefined') {
+        return
     }
 
     function openDialog(dialog: HTMLDialogElement) {