\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.6963453,{"description":2922,"labels":2923,"number":2924,"owner":2857,"repository":2858,"state":2884,"title":2925,"updated_at":2926,"url":2927,"score":2928},"we re using @vueuse/core 5.0.3 and the latest update to vue demi, breaks our build(which was fine a few hours ago).\r\nWe re not using vue-demi directly, only through vueuse.\r\n\r\n```\r\n error in ./node_modules/vue-demi/lib/index.mjs\r\n\r\nCan't reexport the named export 'computed' from non EcmaScript module (only default export is available)\r\n```\r\n\r\nwe re seeing a bunch of these, not only \"computed\"; everything exported from vue-demi causes this issue.\r\n",[],73,"v 0.11.1 causes issues to vue-use","2021-07-15T17:13:36Z","https://github.com/vueuse/vue-demi/issues/73",0.69676375,{"description":2930,"labels":2931,"number":33,"owner":2857,"repository":2932,"state":2884,"title":2933,"updated_at":2934,"url":2935,"score":2936},"Is there any reason not use the original Vue SFC Playground [https://sfc.vuejs.org/#](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHVzZU1vdXNlIH0gZnJvbSAnQHZ1ZXVzZS9jb3JlJ1xuaW1wb3J0IENvb3JkaW5hdGUgZnJvbSAnLi9Db29yZGluYXRlLnZ1ZSdcblxuY29uc3QgeyB4LCB5IH0gPSB1c2VNb3VzZSgpXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuPGRpdlxuICBncmlkPVwifiBmbG93LWNvbCBnYXAtNFwiXG4gIHBsYWNlPVwiY29udGVudC1jZW50ZXIgaXRlbXMtY2VudGVyXCJcbiAgaD1cInNjcmVlblwiXG4gIGZvbnQ9XCJtb25vXCJcbiAgPlxuICA8Q29vcmRpbmF0ZSBsYWJlbD1cIlhcIiA6dmFsdWU9XCJ4XCIgLz5cbiAgPENvb3JkaW5hdGUgbGFiZWw9XCJZXCIgOnZhbHVlPVwieVwiIC8+XG48L2Rpdj5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCIsXG4gICAgXCJAdnVldXNlL2NvcmVcIjogXCJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL0B2dWV1c2UvY29yZS9pbmRleC5tanNcIixcbiAgICBcIkB2dWV1c2Uvc2hhcmVkXCI6IFwiaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9AdnVldXNlL3NoYXJlZC9pbmRleC5tanNcIixcbiAgICBcInZ1ZS1kZW1pXCI6IFwiaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS92dWUtZGVtaS9saWIvaW5kZXgubWpzXCJcbiAgfVxufSIsIkNvb3JkaW5hdGUudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IGRlZmluZVByb3BzIH0gZnJvbSAndnVlJ1xuXG5kZWZpbmVQcm9wcyh7XG4gIGxhYmVsOiBTdHJpbmcsXG4gIHZhbHVlOiBOdW1iZXIsXG59KVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbjxkaXZcbiAgZm9udD1cIm1vbm9cIlxuICBiZz1cImxpZ2h0LTUwMCBkYXJrOmRhcmstNTAwXCJcbiAgZmxleD1cIn4gY29sXCJcbiAgdGV4dD1cImNlbnRlclwiXG4gIHA9XCIyXCJcbiAgYm9yZGVyPVwicm91bmRlZFwiXG4+XG4gIDxzcGFuIHRleHQ9XCI0eGxcIj57eyB2YWx1ZSB9fTwvc3Bhbj5cbiAgPHNwYW4gdGV4dD1cInNtIGRhcms6bGlnaHQtOTAwIGRhcms6b3BhY2l0eS01MFwiIG09XCJ0LTJcIj5Nb3VzZSB7eyBsYWJlbCB9fTwvc3Bhbj5cbjwvZGl2PlxuPC90ZW1wbGF0ZT4ifQ==) with `@vueuse/core`, `@vueuse/shared` and `vue-demi` added to the `import-map.json`? It seems to work just fine.",[],"playground","Any issues with using the original Vue SFC Playground?","2022-07-28T23:07:44Z","https://github.com/vueuse/playground/issues/10",0.70242286,["Reactive",2938],{},["Set"],["ShallowReactive",2941],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$foj0atkg_sNiuvBrKN2F4QWVVU2WhDavkg-OiBsKTsnE":-1},"/vueuse/vue-demi/57"]