fix: build issue

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"]
+ }
+ }
  }
 })

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()

package.json

@@ -42,8 +42,5 @@
  },
  "optionalDependencies": {
  "@rollup/rollup-linux-x64-gnu": "4.6.1"
- },
- "overrides": {
- "vue": "latest"
  }
 }

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) {