\r\nimport { defineConfig } from 'vite'\r\nimport vue from '@vitejs/plugin-vue'\r\nimport vueI18n from '@intlify/vite-plugin-vue-i18n'\r\n\r\n// https://vitejs.dev/config/\r\nconst path = require(\"path\")\r\nexport default defineConfig({\r\n test: {\r\n setupFiles: ['./tests/config.ts']\r\n },\r\n optimizeDeps: {\r\n exclude: ['vue-demi']\r\n },\r\n build: {\r\n lib: {\r\n entry: path.resolve(__dirname, 'src/install.ts'),\r\n name: 'vcp',\r\n formats: ['umd'],\r\n fileName: (format) => `vcp.${format}.ts`\r\n },\r\n rollupOptions: {\r\n external: ['vue', 'vueI18n', 'vue-demi',],\r\n output: {\r\n exports: 'named',\r\n globals: {\r\n 'vue-demi': 'VueDemi',\r\n 'vue': 'Vue',\r\n }\r\n }\r\n },\r\n },\r\n plugins: [\r\n vue({\r\n style: true,\r\n css: true\r\n }),\r\n vueI18n({\r\n include: path.resolve(__dirname, 'src/assets/translations.ts'),\r\n globalSFCScope: true,\r\n compositionOnly: false,\r\n }),\r\n ],\r\n server: {\r\n port: 8080\r\n },\r\n resolve: {\r\n dedupe: ['vue'],\r\n alias: {\r\n \"~\": path.resolve(__dirname, \"./src\"),\r\n \"@\": path.resolve(__dirname, \"./src\"),\r\n },\r\n },\r\n})\r\n\r\n```\r\n\r\npackage.json:\r\n```\r\n{\r\n \"name\": \"vcp\",\r\n \"version\": \"0.9.14\",\r\n \"private\": false,\r\n \"author\": \"Alireza Safari \u003Calireza.safaree@gmail.com> (http://alireza-safari.ir)\",\r\n \"license\": \"MIT\",\r\n \"main\": \"./dist/vcp.umd.ts\",\r\n \"description\": \"Vue Client Print with Template Builder\",\r\n \"exports\": {\r\n \".\": {\r\n \"require\": \"./dist/vcp.umd.ts\"\r\n },\r\n \"./dist/style.css\": \"./dist/style.css\"\r\n },\r\n \"keywords\": [\r\n \"vcp\",\r\n \"vue print\",\r\n \"vue client print\",\r\n \"template builder\",\r\n \"vue report\",\r\n \"vue report generator\"\r\n ],\r\n \"files\": [\r\n \"dist/*\"\r\n ],\r\n \"repository\": {\r\n \"type\": \"git\",\r\n \"url\": \"https://github.com/alireza0sfr/vue-client-print\"\r\n },\r\n \"scripts\": {\r\n \"dev\": \"vite\",\r\n \"build\": \"vite build\",\r\n \"serve\": \"vite preview\",\r\n \"test\": \"vitest run --environment jsdom\",\r\n \"test:ui:\": \"vitest --environment jsdom --ui\",\r\n \"test:coverage\": \"vitest run --coverage --environment jsdom\",\r\n \"test:watch\": \"vitest --environment jsdom\"\r\n },\r\n \"dependencies\": {\r\n \"dom-to-image\": \"^2.6.0\",\r\n \"file-saver\": \"^2.0.5\",\r\n \"jsdom\": \"^19.0.0\",\r\n \"print-js\": \"^1.6.0\",\r\n \"register-service-worker\": \"^1.7.2\",\r\n \"typescript\": \"^4.7.2\",\r\n \"vitest\": \"^0.12.9\",\r\n \"vue-demi\": \"^0.12.5\",\r\n \"vue-i18n\": \"^9.1.10\"\r\n },\r\n \"peerDependencies\": {\r\n \"vue\": \">=2.0.0 || >=3.0.0\"\r\n },\r\n \"devDependencies\": {\r\n \"@intlify/vite-plugin-vue-i18n\": \"^3.4.0\",\r\n \"@vitejs/plugin-vue\": \"^2.3.3\",\r\n \"@vitest/ui\": \"^0.12.9\",\r\n \"@vue/compiler-sfc\": \"^3.2.36\",\r\n \"@vue/test-utils\": \"^2.0.0-rc.18\",\r\n \"c8\": \"^7.11.3\",\r\n \"cz-conventional-changelog\": \"^3.0.1\",\r\n \"vite\": \"^2.9.9\",\r\n \"vue\": \"^3.2.36\"\r\n }\r\n}\r\n\r\n```",[],161,"vueuse","vue-demi","open","createElementVNode is not a function vite","2022-10-27T15:14:22Z","https://github.com/vueuse/vue-demi/issues/161",0.6943483,{"description":2876,"labels":2877,"number":2878,"owner":2868,"repository":2869,"state":2870,"title":2879,"updated_at":2880,"url":2881,"score":2882},"I have developed my library using Vue 2.7 and vue-demi with Vite. I am able to consume the library in Vue 2.7 and everything is working fine but not in Vue 3.\r\n\r\nAs soon as I use any of the components from my library, I get below errors in browser console and my components are not instantiated/mounted.\r\n\r\n\r\n\r\nIt seems Vue 3 does not work well with Vue 2. But then what is the point of using vue-demi?\r\n\r\nThe workaround that I have been trying is to publish two separate packages for each version with below scripts:\r\n\r\n```\r\n\"scripts\": {\r\n \"dev\": \"vite\",\r\n \"build:2\": \"vue-demi-switch 2 vue2 && run-p build-only build:styles\",\r\n \"build:3\": \"vue-demi-switch 3 && run-p build-only build:styles\",\r\n.......\r\n}\r\n```\r\n\r\nNow when I try to build for Vue 2, it throws below error:\r\n\r\n```\r\n[vite:vue2] source.startsWith is not a function\r\nfile: /Users/amitchaudhary/Desktop/D/Projects/Mindvalley/mv_universal_player/mv-universal-player/src/components/audio/AudioPlayer/AudioPlayer.vue\r\nerror during build:\r\nTypeError: source.startsWith is not a function\r\n at startsWith (/Users/amitchaudhary/Desktop/D/Projects/Mindvalley/mv_universal_player/mv-universal-player/node_modules/@vue/compiler-core/dist/compiler-core.cjs.prod.js:1420:17)\r\n at isEnd (/Users/amitchaudhary/Desktop/D/Projects/Mindvalley/mv_universal_player/mv-universal-player/node_modules/@vue/compiler-core/dist/compiler-core.cjs.prod.js:1457:11)\r\n at parseChildren (/Users/amitchaudhary/Desktop/D/Projects/Mindvalley/mv_universal_player/mv-universal-player/node_modules/@vue/compiler-core/dist/compiler-core.cjs.prod.js:795:11)\r\n at Object.baseParse (/Users/amitchaudhary/Desktop/D/Projects/Mindvalley/mv_universal_player/mv-universal-player/node_modules/@vue/compiler-core/dist/compiler-core.cjs.prod.js:769:5)\r\n at Object.parse (/Users/amitchaudhary/Desktop/D/Projects/Mindvalley/mv_universal_player/mv-universal-player/node_modules/@vue/compiler-dom/dist/compiler-dom.cjs.prod.js:2956:23)\r\n at Object.parse$2 [as parse] (/Users/amitchaudhary/Desktop/D/Projects/Mindvalley/mv_universal_player/mv-universal-player/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:1198:24)\r\n at createDescriptor (file:///Users/amitchaudhary/Desktop/D/Projects/Mindvalley/mv_universal_player/mv-universal-player/node_modules/@vitejs/plugin-vue2/dist/index.mjs:68:27)\r\n at transformMain (file:///Users/amitchaudhary/Desktop/D/Projects/Mindvalley/mv_universal_player/mv-universal-player/node_modules/@vitejs/plugin-vue2/dist/index.mjs:755:34)\r\n at Object.transform (file:///Users/amitchaudhary/Desktop/D/Projects/Mindvalley/mv_universal_player/mv-universal-player/node_modules/@vitejs/plugin-vue2/dist/index.mjs:1104:16)\r\n at file:///Users/amitchaudhary/Desktop/D/Projects/Mindvalley/mv_universal_player/mv-universal-player/node_modules/rollup/dist/es/shared/node-entry.js:24656:40\r\n\r\n```\r\n\r\nPlease let me know what I should do.\r\n\r\n\r\n\r\n\r\n\r\n",[],237,"Can't use Vue 2 library in Vue 3","2023-07-27T00:50:29Z","https://github.com/vueuse/vue-demi/issues/237",0.71299314,{"description":2884,"labels":2885,"number":2886,"owner":2868,"repository":2869,"state":2887,"title":2888,"updated_at":2889,"url":2890,"score":2891},"\r\nWhen I build with vitepress, get error\r\n\r\n/node_modules/@vueuse/shared/index.mjs:1\r\nimport { shallowRef, watchEffect, readonly, unref, ref, isVue3, version, watch, customRef, getCurrentScope, onScopeDispose, effectScope, provide, inject, isRef, computed, reactive, toRefs as toRefs$1, toRef, isVue2, set as set$1, getCurrentInstance, onBeforeMount, nextTick, onBeforeUnmount, onMounted, onUnmounted, isReactive } from 'vue-demi';\r\n ^^^^^^^^\r\nSyntaxError: The requested module 'vue-demi' does not provide an export named 'computed'\r\n at ModuleJob._instantiate (node:internal/modules/esm/module_job:121:21)\r\n at async ModuleJob.run (node:internal/modules/esm/module_job:171:5)\r\n\r\nRemote\r\nSystem : Linux *86\r\nnode : v16.1.0\r\nnpm: 8.0.0\r\n\r\n\r\nbut I don't have this problem on my local window system\r\n\r\nlocal :\r\nsystem : window10\r\nnode:14.19.1\r\nnpm: 6.14.16",[],238,"closed","The requested module 'vue-demi' does not provide an export named 'computed'","2023-06-12T10:58:49Z","https://github.com/vueuse/vue-demi/issues/238",0.6608851,{"description":2893,"labels":2894,"number":2895,"owner":2868,"repository":2868,"state":2887,"title":2896,"updated_at":2897,"url":2898,"score":2899},"I'm facing the following issue when trying to build a project with vite `2.4.3` using vueuse `6.0.0`. \r\n\r\n```\r\n'effectScope' is not exported by node_modules/@vueuse/core/node_modules/vue-demi/lib/index.mjs, imported by node_modules/@vueuse/core/node_modules/@vueuse/shared/index.esm.js\r\nfile: .../node_modules/@vueuse/core/node_modules/@vueuse/shared/index.esm.js:1:64\r\n1: import { computed, unref, watch, ref, customRef, isVue3, isRef, effectScope, onScopeDispose, reactive, toRef, isVue2, toRefs as toRefs$1, getCurrentInstance, onMounted, nextTick, getCurrentScope, onUnmounted } from 'vue-demi';\r\n ^\r\n2: \r\n3: /**\r\nerror during build:\r\nError: 'effectScope' is not exported by node_modules/@vueuse/core/node_modules/vue-demi/lib/index.mjs, imported by node_modules/@vueuse/core/node_modules/@vueuse/shared/index.esm.js\r\n at error (/node_modules/rollup/dist/shared/rollup.js:151:30)\r\n at Module.error (/node_modules/rollup/dist/shared/rollup.js:10044:16)\r\n at Module.traceVariable (/node_modules/rollup/dist/shared/rollup.js:10429:29)\r\n at ModuleScope.findVariable (/node_modules/rollup/dist/shared/rollup.js:9200:39)\r\n at FunctionScope.findVariable (/node_modules/rollup/dist/shared/rollup.js:3635:38)\r\n at ChildScope.findVariable (/node_modules/rollup/dist/shared/rollup.js:3635:38)\r\n at Identifier.bind (/node_modules/rollup/dist/shared/rollup.js:4572:40)\r\n at CallExpression.bind (/frontend/node_modules/rollup/dist/shared/rollup.js:2886:23)\r\n at CallExpression.bind (/frontend/node_modules/rollup/dist/shared/rollup.js:7133:15)\r\n at VariableDeclarator.bind (/node_modules/rollup/dist/shared/rollup.js:2886:23)\r\n```",[],686,"'effectScope' is not exported by vue-demi/lib/index.mjs","2021-09-07T09:34:58Z","https://github.com/vueuse/vueuse/issues/686",0.6922119,{"description":2901,"labels":2902,"number":2903,"owner":2868,"repository":2868,"state":2887,"title":2904,"updated_at":2905,"url":2906,"score":2907},"Great work for bring vueuse auto import to nuxt 3 so quick! Thanks!\r\nfacing some issue trying out the new nuxt 3 module\r\n\r\n### Environment\r\n------------------------------\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v14.16.1` and `v14.18.1`\r\n- Nuxt Version: `3.0.0-27245590.7c3b488`\r\n- Package Manager: `npm`\r\n- Bundler: `Vite`\r\n- User Config: `buildModules`\r\n- Runtime Modules: `-`\r\n- Build Modules: `nuxt-windicss@2.0.3`, `@vueuse/core/nuxt@6.7.1`\r\n------------------------------\r\n\r\n\r\n### Describe the bug\r\n\r\n\"Named export 'ref' not found\" Error when navigate to nuxt 3 page using Vueuse composables, using latest nuxt 3 and vueuse, with vueuse nuxt 3 module setup following [VueUse Doc - Nuxt](https://vueuse.org/guide/index.html#nuxt) \r\n\r\n```\r\n√ Generated nuxt.d.ts\r\ni Vite warmed up in 832ms\r\n√ Vite server built in 2027ms\r\n√ Nitro built in 518 ms\r\n[Vue Router warn]: uncaught error during route navigation:\r\nfile:///D:/Projects/Nuxt3/nuxt3-beta-test2/node_modules/@vueuse/shared/index.mjs:1\r\nimport { computed, unref, watch, ref, customRef, isVue3, isRef, effectScope, getCurrentScope, onScopeDispose, shallowRef, watchSyncEffect, readonly, reactive, toRef, isVue2, toRefs as toRefs$1, getCurrentInstance, onBeforeUnmount, onMounted, nextTick, onUnmounted } from 'vue-demi';\r\n ^^^\r\nSyntaxError: Named export 'ref' not found. The requested module 'vue-demi' is a CommonJS module, which may not support all module.exports as named exports.\r\nCommonJS modules can always be imported via the default export, for example using:\r\n\r\nimport pkg from 'vue-demi';\r\nconst { computed, unref, watch, ref, customRef, isVue3, isRef, effectScope, getCurrentScope, onScopeDispose, shallowRef, watchSyncEffect, readonly, reactive, toRef, isVue2, toRefs: toRefs$1, getCurrentInstance, onBeforeUnmount, onMounted, nextTick, onUnmounted } = pkg; \r\n\r\n at ModuleJob._instantiate (internal/modules/esm/module_job.js:104:21)\r\n at async ModuleJob.run (internal/modules/esm/module_job.js:149:5)\r\n at async Loader.import (internal/modules/esm/loader.js:166:24)\r\n at async __instantiateModule__ (file:///D:/Projects/Nuxt3/nuxt3-beta-test2/.nuxt/dist/server/server.mjs:2409:3)\r\n```\r\n\r\n### Reproduction\r\n\r\n1. npm i -D nuxt3@3.0.0-27245590.7c3b488\r\n2. npm i @vueuse/core@6.7.1\r\n3. create SFC page in pages dir:\r\n`./pages/example.vue`\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nconst { x, y } = useMouse()\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cdiv>{{ `x: ${x}, y: ${y}` }}\u003C/div>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n4. npm run dev\r\n5. navigate to localhost:3000/example\r\n",[],859,"Named export 'ref' not found [Nuxt 3 with vueuse module]","2022-09-21T20:39:18Z","https://github.com/vueuse/vueuse/issues/859",0.6975172,{"description":2909,"labels":2910,"number":2911,"owner":2868,"repository":2869,"state":2887,"title":2912,"updated_at":2913,"url":2914,"score":2915},"I'm trying to set up a component library with vue-demi (Vite + Vue 3 + Setup Script). Importing thing work fine in Vue 3 apps, but fail for Vue 2. The resulting bundle looks like this:\r\n\r\nBaseButton.vue to be imported by Vue2/3 App\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nimport { ref } from \"vue-demi\";\r\n\r\ndefineProps({\r\n label: {\r\n type: String,\r\n default: \"\",\r\n },\r\n});\r\n\r\nconst counter = ref(0);\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Clabel>\r\n {{ label }}\r\n {{ counter }}\r\n \u003Cbutton v-bind=\"$attrs\" @click=\"counter++\">\r\n \u003Cslot />\r\n \u003C/button>\r\n \u003C/label>\r\n\u003C/template>\r\n```\r\n\r\nBuild output:\r\n```js\r\nimport { defineComponent, ref, openBlock, createElementBlock, createTextVNode, toDisplayString, createElementVNode, mergeProps, renderSlot } from \"vue\";\r\nconst _sfc_main = /* @__PURE__ */ defineComponent({\r\n props: {\r\n label: {\r\n type: String,\r\n default: \"\"\r\n }\r\n },\r\n setup(__props) {\r\n const counter = ref(0);\r\n return (_ctx, _cache) => {\r\n return openBlock(), createElementBlock(\"label\", null, [\r\n createTextVNode(toDisplayString(__props.label) + \" \" + toDisplayString(counter.value) + \" \", 1),\r\n createElementVNode(\"button\", mergeProps(_ctx.$attrs, {\r\n onClick: _cache[0] || (_cache[0] = ($event) => counter.value++)\r\n }), [\r\n renderSlot(_ctx.$slots, \"default\")\r\n ], 16)\r\n ]);\r\n };\r\n }\r\n});\r\nexport { _sfc_main as BaseButton };\r\n```\r\n\r\nIn Vue 2 I run into `Uncaught TypeError: Object(...) is not a function` error with `defineComponent()`. I suppose it should be importing from \"vue-demi\" instead of \"vue\"?\r\n\r\nPackage.json\r\n```json\r\n\"dependencies\": {\r\n \"vue-demi\": \"^0.12.4\"\r\n },\r\n \"devDependencies\": {\r\n \"@types/node\": \"^17.0.21\",\r\n \"@vitejs/plugin-vue\": \"^2.2.0\",\r\n \"@vue/composition-api\": \"^1.4.9\",\r\n \"typescript\": \"^4.5.4\",\r\n \"vite\": \"^2.8.0\",\r\n \"vue\": \"^3.2.25\",\r\n \"vue-tsc\": \"^0.29.8\"\r\n },\r\n \"peerDependencies\": {\r\n \"@vue/composition-api\": \"^1.0.0-rc.1\",\r\n \"vue\": \"^2.0.0 || >=3.0.0\"\r\n },\r\n \"peerDependenciesMeta\": {\r\n \"@vue/composition-api\": {\r\n \"optional\": true\r\n }\r\n },\r\n```\r\n\r\nvite.config.ts\r\n```ts\r\nexport default defineConfig({\r\n plugins: [vue()],\r\n build: {\r\n lib: {\r\n entry: path.resolve(__dirname, \"src/lib.ts\"),\r\n name: \"myLib\",\r\n fileName: (format) => `lib.${format}.js`,\r\n },\r\n rollupOptions: {\r\n // make sure to externalize deps that shouldn't be bundled\r\n // into your library\r\n external: [\"vue\"],\r\n output: {\r\n // Provide global variables to use in the UMD build\r\n // for externalized deps\r\n globals: {\r\n vue: \"Vue\",\r\n },\r\n },\r\n },\r\n },\r\n optimizeDeps: {\r\n exclude: [\"vue-demi\"],\r\n },\r\n});\r\n```",[],145,"Not running on Vue 2 App","2022-09-04T15:48:05Z","https://github.com/vueuse/vue-demi/issues/145",0.69993687,{"description":2917,"labels":2918,"number":158,"owner":2868,"repository":2868,"state":2887,"title":2919,"updated_at":2920,"url":2921,"score":2922},"I've created a project with vite+vue2(using plugin)+vueuse and it looks like vueuse doesn't work properly in this setup.\r\n\r\nThe error I get:\r\n\r\n```\r\nvue.runtime.esm.js:619 [Vue warn]: Error in data(): \"ReferenceError: ref3 is not defined\"\r\n\r\nfound in\r\n\r\n---> \u003CAnonymous>\r\n \u003CRoot>\r\nwarn @ vue.runtime.esm.js:619\r\nvue.runtime.esm.js:1888 ReferenceError: ref3 is not defined\r\n at Object.ref (index.esm.js:1)\r\n at useCounter (index.esm.js:698)\r\n at setup (App.vue:21)\r\n at mergedSetupFn (vue-composition-api.esm.js:1741)\r\n at vue-composition-api.esm.js:1527\r\n at activateCurrentInstance (vue-composition-api.esm.js:1454)\r\n at initSetup (vue-composition-api.esm.js:1525)\r\n at VueComponent.wrappedData (vue-composition-api.esm.js:1509)\r\n at getData (vue.runtime.esm.js:4748)\r\n at initData (vue.runtime.esm.js:4705)\r\n```\r\n\r\nI tried `useCounter` and `useStorage`, but I think it can be replicated with other methods.\r\n\r\nHere is the project link to replicate: \r\nhttps://github.com/localhost5001/vite-vue2-vueuse-template",[],"Incompatible with vite and vue2","2021-05-05T20:52:10Z","https://github.com/vueuse/vueuse/issues/485",0.703696,{"description":2924,"labels":2925,"number":2926,"owner":2868,"repository":2868,"state":2887,"title":2927,"updated_at":2928,"url":2929,"score":2930},"package.json\r\n\r\n```json\r\n{\r\n \"scripts\": {\r\n \"build\": \"vite build\",\r\n \"dev\": \"vite\"\r\n },\r\n \"dependencies\": {\r\n \"@vueuse/components\": \"^7.6.0\",\r\n \"@vueuse/core\": \"^4.0.8\",\r\n \"vue\": \"^3.0.5\"\r\n },\r\n \"devDependencies\": {\r\n \"@vitejs/plugin-vue\": \"^1.0.6\",\r\n \"@vue/compiler-sfc\": \"^3.0.5\",\r\n \"typescript\": \"^4.1.3\",\r\n \"vite\": \"^2.0.0-beta.30\"\r\n }\r\n}\r\n```\r\n\r\n\r\n",[],1237,"Module @vueuse/core has no exported member useWebNotification","2022-02-10T15:17:29Z","https://github.com/vueuse/vueuse/issues/1237",0.70593166,{"description":2932,"labels":2933,"number":2934,"owner":2868,"repository":2869,"state":2887,"title":2935,"updated_at":2936,"url":2937,"score":2938},"Hi there,\r\n\r\nI'm struggling to make a lib with @vue/cli and stuck because @vue/cli looks like a minor choice for vue-demi.\r\n\r\nvue.config.js:\r\n\r\n```vue.config.js\r\nmodule.exports = {\r\n configureWebpack: {\r\n externals: {\r\n 'vue-demi': 'vue-demi',\r\n },\r\n },\r\n};\r\n```\r\n\r\nuser outputs the error (vue 2.6.14):\r\n```\r\nTypeError: (0 , external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode) is not a function\r\n```\r\n\r\nIt does not seem that there is such a method createElementVNode in Vue2. Is this an issue only with @vue/cli?\r\n\r\nenv: vue-demi 0.12.1, vue 3.2.22, @vue/cli 5.0.0-rc.0",[],117,"createElementVNode is not a function with @vue/cli","2022-09-04T15:46:39Z","https://github.com/vueuse/vue-demi/issues/117",0.70756596,{"description":2940,"labels":2941,"number":251,"owner":2868,"repository":2869,"state":2887,"title":2942,"updated_at":2943,"url":2944,"score":2945},"Error: \"TypeError: Cannot read property 'observable' of undefined\"\r\n\r\n\r\nI try to create a component for Vue3/2 with (vue-demi + Vite2) .\r\nFirst, I'm focusing with Vue 2 setup, It's work fine in demo with directed import, but got error when in bundled lib (vite build)\r\n\r\n[https://github.com/sondh0127/vite-vue2-demi-reproduction/blob/d18773916b65c553c41c93b5823a4d797bcd0170/demo/App.vue#L11](https://github.com/sondh0127/vite-vue2-demi-reproduction/blob/d18773916b65c553c41c93b5823a4d797bcd0170/demo/App.vue#L11)\r\n\r\nPlease take a look. Here is my vite config.\r\n```ts\r\nimport { defineConfig } from 'vite'\r\nimport vue from '@vitejs/plugin-vue'\r\nimport { createVuePlugin } from 'vite-plugin-vue2'\r\nimport WindiCSS from 'vite-plugin-windicss'\r\nimport path from 'path'\r\n\r\n// https://vitejs.dev/config/\r\nexport default defineConfig({\r\n\tplugins: [\r\n\t\t// vue(),\r\n\t\tcreateVuePlugin({}),\r\n\t\t// WindiCSS(),\r\n\t],\r\n\tresolve: {\r\n\t\talias: {\r\n\t\t\t'@': `${path.resolve(__dirname, 'src')}`,\r\n\t\t},\r\n\t\tdedupe: ['vue-demi'],\r\n\t},\r\n\tbuild: {\r\n\t\tlib: {\r\n\t\t\tname: 'VueInteractive',\r\n\t\t\tentry: path.resolve(__dirname, 'src/main.ts'),\r\n\t\t},\r\n\t\tminify: false,\r\n\t\trollupOptions: {\r\n\t\t\texternal: ['vue'],\r\n\t\t\toutput: {\r\n\t\t\t\tglobals: {\r\n\t\t\t\t\tvue: 'Vue',\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t},\r\n\t},\r\n\r\n\toptimizeDeps: {\r\n\t\texclude: ['vue-demi'],\r\n\t},\r\n})\r\n```\r\n\r\n\r\nReproduction: [https://github.com/sondh0127/vite-vue2-demi-reproduction](https://github.com/sondh0127/vite-vue2-demi-reproduction)\r\n",[],"Vue instance got 'undefined' in build with Vite + library mode","2021-07-09T17:08:21Z","https://github.com/vueuse/vue-demi/issues/69",0.71177334,["Reactive",2947],{},["Set"],["ShallowReactive",2950],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fPTQw6IEkXWiyDD9-ghxaqQIao2Es2dPOAluimjGMKkA":-1},"/vueuse/vue-demi/108"]