\r\n```\r\n\r\nThese are just some personal suggestions, welcome to discuss them together",[],1204,"closed","Suggestion: Is vueuse consider to create some directives?","2022-01-31T00:43:08Z","https://github.com/vueuse/vueuse/issues/1204",0.7051143,{"description":3204,"labels":3205,"number":3206,"owner":3171,"repository":3207,"state":3198,"title":3208,"updated_at":3209,"url":3210,"score":3211},"Hello,\r\n\r\nI am working on making a Vue 2 UI library on Vue 3\r\n\r\nI am having a rough time, I cannot conditionally load a set of directives into a component like so\r\n\r\n```js\r\nexport default {\r\n name: 'SomeComponent',\r\n directives: {\r\n tooltip: isVue3\r\n ? require('../../directives/v-tooltip/v-tooltip-vue3')\r\n : require('../../directives/v-tooltip/v-tooltip-vue2'),\r\n```\r\n\r\n\r\nThe two files gets loaded when I run an app, and it breaks the feature whenever I use it with Vue 2 or Vue 3\r\n\r\nDoes is `isVue3` is supposed to be used that way ? \r\n\r\nShould I duplicate my component and import the corresponding version when useful and expose two versions of the same component ?\r\n\r\nI feel like I am missing something, should I enclose the whole directives inside `isVue3` conditionals ? They all get executed even if they're not binded to the component definition.\r\n\r\nIf I import the file corresponding to the version I am using it works fine\r\nelse I got this error message\r\n`\"export 'default' (imported as 'Vue') was not found in 'vue'`",[],148,"vue-demi","conditionally load a directive","2022-03-28T14:08:31Z","https://github.com/vueuse/vue-demi/issues/148",0.71174306,{"description":3213,"labels":3214,"number":1408,"owner":3171,"repository":3172,"state":3198,"title":3215,"updated_at":3216,"url":3217,"score":3218},"I'm looking for a \"drag\" directive or something similar, and stumbled here.\r\nhttps://gesture.vueuse.org/use-drag.html\r\n\r\nIs it possible to use this with just a plain old Vue 2 + options API project?",[],"Use with Vue 2 options api?","2022-01-03T23:45:26Z","https://github.com/vueuse/gesture/issues/4",0.7151619,{"description":3220,"labels":3221,"number":3222,"owner":3171,"repository":3171,"state":3198,"title":3223,"updated_at":3224,"url":3225,"score":3226},"### Describe the bug\n\nThe useElementHover directive and the useDraggable Component are not working in Vue v2.16.4.\r\nDo these features of Vueuse need to be supported in v2.7 or later?\r\n\r\n- https://vueuse.org/core/useElementHover/#directive-usage\r\n- https://vueuse.org/core/useDraggable/#component-usage\r\n\r\n### Reproduction Step\r\n\r\n1. clone [repo](https://github.com/sunecosuri/vueuse-vue2-example)\r\n2. npm install\r\n3. npm run dev\r\n4. access to http://localhost:8080\r\n\u003Cimg width=\"500\" alt=\"image\" src=\"https://github.com/vueuse/vueuse/assets/13265134/ee243b94-3b26-4452-9c95-61105a400ce0\">\r\n\r\n```\r\n[Vue warn]: Failed to resolve directive: element-hover\r\n\r\n(found in \u003CApp> at src/App.vue)\r\n```\n\n### Reproduction\n\nhttps://github.com/sunecosuri/vueuse-vue2-example\n\n### System Info\n\n```Shell\nSystem:\r\n OS: macOS 13.5\r\n CPU: (10) arm64 Apple M1 Max\r\n Memory: 495.55 MB / 32.00 GB\r\n Shell: 3.6.0 - /opt/homebrew/bin/fish\r\n Binaries:\r\n Node: 16.13.0 - ~/.asdf/installs/nodejs/16.13.0/bin/node\r\n Yarn: 1.22.15 - ~/.asdf/installs/nodejs/16.13.0/bin/yarn\r\n npm: 8.1.0 - ~/.asdf/plugins/nodejs/shims/npm\r\n pnpm: 6.11.0 - ~/.asdf/installs/nodejs/16.13.0/bin/pnpm\r\n Browsers:\r\n Chrome: 118.0.5993.88\r\n Safari: 16.6\r\n npmPackages:\r\n @vueuse/components: ^10.5.0 => 10.5.0 \r\n @vueuse/core: ^10.5.0 => 10.5.0 \r\n vue: ^2.6.14 => 2.6.14\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.",[],3497,"The useElementHover directive and the useDraggable Component are not working.","2023-12-30T11:34:31Z","https://github.com/vueuse/vueuse/issues/3497",0.71625257,{"description":3228,"labels":3229,"number":1511,"owner":3171,"repository":3207,"state":3198,"title":3230,"updated_at":3231,"url":3232,"score":3233},"Hi!\r\nI'm trying to use Vue3 component inside Vue2 tool, but I face such error:\r\n\r\n\r\n\r\n\r\n\r\nI have a Vue3 project and export only TestComponent from there. This is a simple component that prints only text and expects one string prop. I built the project and copied built file to Vue2 project (because it's too long to publish it) and I'm trying to import Vue3 component there.\r\n\r\n\r\n\r\nIn Vue3 project I use vue-demi and in Vue2 project I use composition api.\r\n\r\nDo you have any thoughts how to fix that error?",[],"Object(...) is not a function","2022-02-07T06:17:17Z","https://github.com/vueuse/vue-demi/issues/129",0.7202152,{"description":3235,"labels":3236,"number":3237,"owner":3171,"repository":3207,"state":3198,"title":3238,"updated_at":3239,"url":3240,"score":3241},"the issue is like this #60 .\r\nI use different h function in vue2 and vue3.\r\n```javascript\r\nif (isVue3) {\r\n const highlight = resolveDirective('highlight')\r\n return withDirectives(h('div', {\r\n innerHTML: this.html\r\n }), \u003CDirectiveArguments>[\r\n [highlight]\r\n ])\r\n } else {\r\n return h('div', {\r\n domProps: {\r\n innerHTML: this.html\r\n },\r\n directives: [\r\n {\r\n name: 'highlight'\r\n }\r\n ]\r\n })\r\n }\r\n```\r\nBut when I use vue2, it has a warning\r\n`export 'withDirectives' (imported as 'i') was not found in 'vue-demi'`\r\nHow to resolve it? I just want to close the warning in dev console.",[],94,"How to close warning \"export 'withDirectives' (imported as 'i') was not found in 'vue-demi'\" in vue2?","2021-08-21T12:47:37Z","https://github.com/vueuse/vue-demi/issues/94",0.7221178,{"description":3243,"labels":3244,"number":3245,"owner":3171,"repository":3207,"state":3198,"title":3246,"updated_at":3247,"url":3248,"score":3249},"Imports of `resolveDirective`, `withDirectives` and many other vue@3 modules are not found in `vue-demi` when used in vue@2 environments.\r\n\r\n```js\r\nimport {\r\n defineComponent,\r\n h,\r\n isVue2,\r\n resolveComponent,\r\n resolveDirective,\r\n withDirectives,\r\n vModelDynamic,\r\n vShow,\r\n} from 'vue-demi';\r\n```\r\n\r\nIn vue@2 environments this will result in an error like `\"export 'withDirectives' was not found in 'vue-demi'`.\r\n\r\nAny idea on how to handle these cases?",[],60,"resolveDirective, withDirectives and many other vue@3 modules are not found in vue-demi when used in vue@2 environments","2021-07-15T17:20:01Z","https://github.com/vueuse/vue-demi/issues/60",0.7322396,["Reactive",3251],{},["Set"],["ShallowReactive",3254],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fHdgbZ3lZdGphzvraa3dyifSntc4KJpICoKq0anMTjJk":-1},"/vueuse/gesture/34"]