\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.66907865,{"description":3027,"labels":3028,"number":3029,"owner":3019,"repository":3020,"state":3021,"title":3030,"updated_at":3031,"url":3032,"score":3033},"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.6820787,{"description":3035,"labels":3036,"number":3037,"owner":3019,"repository":3020,"state":3021,"title":3038,"updated_at":3039,"url":3040,"score":3041},"Hello, I'm trying to create a Vite Library with Vue-Demi to work in Nuxt 2 and Nuxt 3.\r\n\r\nI guess I'm missing something. I've seen a lot of examples but I don't know what I'm doing wrong.\r\n\r\n[Here is the repo with the examples and errors.](https://github.com/priverop/vue-demi-vite-with-nuxt)\r\n\r\nAfter running `yarn install && yarn dev` in both the **lib-consumer** projects it works fine in Nuxt 2 but it doesn't work in Nuxt 3.\r\n\r\nnuxt.config.ts\r\n```typescript\r\nexport default defineNuxtConfig({\r\n build: {\r\n transpile: ['@prp-astara/vite-test-lib'],\r\n },\r\n})\r\n```\r\n\r\n```bash\r\n[Vue warn]: Property \"_self\" was accessed during render but is not defined on instance. 13:18:50\r\n[Vue warn]: Unhandled error during execution of render function 13:18:50\r\n at \u003CAnonymous>\r\n[nitro] [dev] [unhandledRejection] TypeError: Cannot read properties of undefined (reading '_c') 13:18:50\r\n at Proxy.$ (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/@prp-astara/vite-test-lib/dist/vite-test-lib.umd.js:1:1163)\r\n at renderComponentRoot (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:906:44) 13:18:41\r\n at renderComponentSubTree (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:719:51)\r\n at renderComponentVNode (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:644:16)\r\n at Module.ssrRenderComponent (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:94:12)\r\n at _sfc_ssrRender (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/app.vue:23:31)\r\n at renderComponentSubTree (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:710:17)\r\n at renderComponentVNode (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:644:16)\r\n at Module.ssrRenderComponent (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:94:12)\r\n at default (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/nuxt/dist/app/components/nuxt-root.vue:63:37)\r\n```\r\n\r\nThis is the exact issue I had when you try to get Vue 2 working in Nuxt 3.\r\n\r\nThank you",[],212,"Can't get it working with Vite in Nuxt 3","2023-02-08T16:29:10Z","https://github.com/vueuse/vue-demi/issues/212",0.70572364,{"description":3043,"labels":3044,"number":3045,"owner":3019,"repository":3020,"state":3046,"title":3047,"updated_at":3048,"url":3049,"score":3050},"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,"closed","Not running on Vue 2 App","2022-09-04T15:48:05Z","https://github.com/vueuse/vue-demi/issues/145",0.6435251,{"description":3052,"labels":3053,"number":3054,"owner":3019,"repository":3020,"state":3046,"title":3055,"updated_at":3056,"url":3057,"score":3058},"使用 @antv/x6-vue-shape 包时,出现以下问题:\r\n使用npm本地启动项目时,控制台出现:\r\n\r\n打开设计器页面出现以下问题:\r\n\r\n尝试过使用 vue-demi-fix 以及 vue-demi-switch 2 都没有解决。",[],207,"\"export 'defineComponent' was not found in 'vue-demi'","2025-01-02T03:38:26Z","https://github.com/vueuse/vue-demi/issues/207",0.6775045,{"description":3060,"labels":3061,"number":3062,"owner":3019,"repository":3019,"state":3046,"title":3063,"updated_at":3064,"url":3065,"score":3066},"I installed VueUse in a Vue 3 project like this:\r\n\r\n`npm install @vueuse/core`\r\n\r\nAnd then I imported it in my component like this:\r\n\r\n````\r\n\u003Cscript setup>\r\n import { useDebounceFn } from '@vueuse/core'\r\n\u003C/script>\r\n````\r\n\r\nAnd now I'm getting this error:\r\n\r\n````\r\nerror in ./node_modules/@vueuse/shared/index.mjs \r\n \r\nexport 'watchSyncEffect' (imported as 'watchSyncEffect') was not found in 'vue-demi' (possible exports: BaseTransition, Comment, Fragment, KeepAlive, Static, Suspense, Teleport, Text, Transition, TransitionGroup, Vue, Vue2, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, compile, computed, createApp, createBlock, createCommentVNode, createHydrationRenderer, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, defineAsyncComponent, defineComponent, defineEmit, defineEmits, defineExpose, defineProps, del, devtools, getCurrentInstance, getTransitionRawChildren, h, handleError, hydrate, initCustomFormatter, inject, install, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isVNode, isVue2, isVue3, markRaw, mergeDefaults, mergeProps, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, set, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useContext, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withModifiers, withScopeId)\r\n````",[],778,"export 'watchSyncEffect' (imported as 'watchSyncEffect') was not found in 'vue-demi'","2021-09-21T19:02:04Z","https://github.com/vueuse/vueuse/issues/778",0.68526554,{"description":3068,"labels":3069,"number":1505,"owner":3019,"repository":3020,"state":3046,"title":3070,"updated_at":3071,"url":3072,"score":3073},"我想打包一个 vue2、vue3 都可用的组件库\r\n打包完后的组件,在 vue3 项目中使用没有问题\r\n但是在 vue2 项目中运行时报了如下错误\r\n```\r\nUncaught TypeError: e.defineComponent is not a function\r\n at eval (index.js?dead:6)\r\n at eval (index.js?dead:6)\r\n at eval (index.js?dead:6)\r\n at Object.../../long-bridge/fe-toolbox/packages/vue3-components/lib/LbNoticeBar/index.js (app.js:937)\r\n at __webpack_require__ (app.js:849)\r\n at fn (app.js:151)\r\n at eval (cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/App.vue?vue&type=script&lang=js&:4)\r\n at Module../node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/App.vue?vue&type=script&lang=js& (app.js:960)\r\n at __webpack_require__ (app.js:849)\r\n at fn (app.js:151)\r\n```\r\n\r\n当我修改打包命令 ```vue-demi-switch 2 && yarn build``` 打包后\r\n```\r\nUncaught TypeError: o.withScopeId is not a function\r\n at eval (index.js?dead:6)\r\n at eval (index.js?dead:6)\r\n at eval (index.js?dead:6)\r\n at Object.../../long-bridge/fe-toolbox/packages/vue3-components/lib/LbNoticeBar/index.js (app.js:937)\r\n at __webpack_require__ (app.js:849)\r\n at fn (app.js:151)\r\n at eval (cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/App.vue?vue&type=script&lang=js&:4)\r\n at Module../node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/App.vue?vue&type=script&lang=js& (app.js:960)\r\n at __webpack_require__ (app.js:849)\r\n at fn (app.js:151)\r\n```\r\n\r\n这是我其中的一个组件 Icon 组件\r\n```\r\n\u003Ctemplate>\r\n \u003Csvg class=\"icon iconfont\" aria-hidden=\"true\" @click=\"e => $emit('click', e)\">\r\n \u003Cuse :xlink:href=\"`#icon-${name}`\">\u003C/use>\r\n \u003C/svg>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nimport { defineComponent } from 'vue-demi'\r\n\r\nexport default defineComponent({\r\n name: 'LbIcon',\r\n props: {\r\n /**\r\n * isRequired.\r\n */\r\n name: {\r\n type: String,\r\n required: true\r\n }\r\n }\r\n})\r\n\u003C/script>\r\n\r\n\u003Cstyle lang=\"scss\" scoped>\r\n.icon {\r\n width: 1em;\r\n height: 1em;\r\n overflow: hidden;\r\n vertical-align: -0.15em;\r\n cursor: pointer;\r\n fill: currentColor;\r\n}\r\n\u003C/style>\r\n\r\n```\r\n这是打包后的代码\r\n```\r\n/*!\r\n * @lb-public/vue3-components v0.5.0 Mon Jul 26 2021 19:07:24 GMT+0800 (中国标准时间)\r\n * (c) 2021 @lbf2e.\r\n * Released under the MIT License.\r\n */\r\n!(function (e, n) {\r\n 'object' == typeof exports && 'undefined' != typeof module\r\n ? (module.exports = n(require('vue-demi'), require('vue')))\r\n : 'function' == typeof define && define.amd\r\n ? define(['vue-demi', 'vue'], n)\r\n : ((e = 'undefined' != typeof globalThis ? globalThis : e || self).index = n(e.VueDemi, e.Vue))\r\n})(this, function (e, n) {\r\n 'use strict'\r\n const i = e.defineComponent({ name: 'LbIcon', props: { name: { type: String, required: !0 } } }),\r\n o = n.withScopeId('data-v-7a1e4f22')(\r\n (e, i, o, t, d, r) => (\r\n n.openBlock(),\r\n n.createBlock(\r\n 'svg',\r\n { class: 'icon iconfont', 'aria-hidden': 'true', onClick: i[1] || (i[1] = n => e.$emit('click', n)) },\r\n [n.createVNode('use', { 'xlink:href': `#icon-${e.name}` }, null, 8, ['xlink:href'])]\r\n )\r\n )\r\n )\r\n return (i.render = o), (i.__scopeId = 'data-v-7a1e4f22'), i\r\n})\r\n```",[],"TypeError: o.resolveComponent is not a function & 能否提供一个打包 vue2、vue3 组件库的 demo","2024-07-30T09:16:04Z","https://github.com/vueuse/vue-demi/issues/80",0.6860346,{"description":3075,"labels":3076,"number":3077,"owner":3019,"repository":3020,"state":3046,"title":3078,"updated_at":3079,"url":3080,"score":3081},"I'm using Astro 2.3.0 which uses vite 4 and getting this error on the latest 0.14.0 demi:\r\n```\r\ninstantiating module /node_modules/.pnpm/astro@2.3.0/node_modules/astro/dist/runtime/server/render/index.js\r\ninstantiating module /node_modules/.pnpm/astro@2.3.0/node_modules/astro/dist/runtime/server/jsx.js\r\ninstantiating module /@fs/home/mikob/scratchspace/oh-vue-icons/node_modules/vue-demi/lib/index.mjs\r\n2:17:00 PM [vite] Error when evaluating SSR module /@fs/home/mikob/scratchspace/oh-vue-icons/node_modules/vue-demi/lib/index.mjs:\r\n\r\n2:17:00 PM [vite] Error when evaluating SSR module /@fs/home/mikob/scratchspace/oh-vue-icons/package/dist/index.mjs:\r\n\r\n2:17:00 PM [vite] Error when evaluating SSR module /src/vue_app.ts:\r\n\r\n2:17:00 PM [vite] Error when evaluating SSR module virtual:@astrojs/vue/app:\r\n\r\n2:17:00 PM [vite] Error when evaluating SSR module @astrojs/vue/server.js:\r\n\r\n error Cannot redefine property: __esModule\r\n File:\r\n /home/mikob/workspace/hairgen.ai/frontend/node_modules/.pnpm/vite@4.2.1/node_modules/vite/dist/node/chunks/dep-79892de8.js:53983:24\r\n Code:\r\n 53982 | if (key !== 'default') {\r\n > 53983 | Object.defineProperty(ssrModule, key, {\r\n | ^\r\n 53984 | enumerable: true,\r\n 53985 | configurable: true,\r\n 53986 | get() {\r\n Stacktrace:\r\nTypeError: Cannot redefine property: __esModule\r\n at Function.defineProperty (\u003Canonymous>)\r\n at ssrExportAll (file:///home/mikob/workspace/hairgen.ai/frontend/node_modules/.pnpm/vite@4.2.1/node_modules/vite/dist/node/chunks/dep-79892de8.js:53983:24)\r\n at eval (/home/mikob/scratchspace/oh-vue-icons/node_modules/vue-demi/lib/index.mjs:33:1)\r\n at async instantiateModule (file:///home/mikob/workspace/hairgen.ai/frontend/node_modules/.pnpm/vite@4.2.1/node_modules/vite/dist/node/chunks/dep-79892de8.js:53997:9)\r\n```\r\n\r\nAstro config:\r\n```\r\nexport default defineConfig({\r\n vite: {\r\n ssr: {\r\n external: [\"vue3-picture-swipe\"],\r\n noExternal: [\"oh-vue-icons\"],\r\n },\r\n optimizeDeps: {\r\n exclude: [\"oh-vue-icons/icons\"],\r\n },\r\n },\r\n integrations: [\r\n vue({\r\n appEntrypoint: \"/src/vue_app\",\r\n }),\r\n ]\r\n});",[],221,"Error with vite 4","2023-04-15T00:34:23Z","https://github.com/vueuse/vue-demi/issues/221",0.68836,{"description":3083,"labels":3084,"number":3085,"owner":3019,"repository":3020,"state":3046,"title":3086,"updated_at":3087,"url":3088,"score":3089},"\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,"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.6908265,{"description":3091,"labels":3092,"number":3096,"owner":3019,"repository":3019,"state":3046,"title":3097,"updated_at":3098,"url":3099,"score":3100},"### Describe the bug\n\nWhen I want to share the functions list of a certain category, I'll send the filtered url, but when you open it, the list isn't filtered. When you press the filter manually it first removes the filter from the url and then you have to press again to get the desired filter working.\n\n### Reproduction\n\nhttps://vueuse.org/functions.html#category=Watch\n\n### System Info\n\n```Shell\nFirefox - Android\n```\n\n\n### Used Package Manager\n\nnpm\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://vueuse.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [X] Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.\n- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[3093],{"name":3094,"color":3095},"duplicate","cfd3d7",4306,"[Docs]: linking to category filter not working","2024-12-24T15:05:25Z","https://github.com/vueuse/vueuse/issues/4306",0.6909217,["Reactive",3102],{},["Set"],["ShallowReactive",3105],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fvx-D_z0fkpGbSchdgKjJq3qInJ13DmBAi4VezO1WLTw":-1},"/vueuse/vue-demi/182"]