\r\n \u003Cmain ref=\"main\" class=\"text-blue-800 min-h-screen\">\r\n \u003Cslot />\r\n \u003C/main>\r\n \u003CBrandsWeLove />\r\n \u003CFooter/>\r\n\u003C/template>\r\n\r\n\u003Cscript lang=\"ts\">\r\nexport default defineComponent({\r\n setup () {\r\n const main = ref()\r\n\r\n const { x, y } = useMouse()\r\n\r\n return {\r\n main\r\n }\r\n }\r\n})\r\n\u003C/script>\r\n```\r\n\r\n\u003Cimg width=\"1680\" alt=\"Screenshot 2021-12-29 at 21 18 50\" src=\"https://user-images.githubusercontent.com/84131395/147704185-b6a0ef92-6974-42ee-97ad-bcb73534b40a.png\">\r\n\r\nAny suggestions as to why the auto-import isn't working?\r\n\r\nOutput of running `npx nuxi info`:\r\n\r\n```\r\nNuxt CLI v3.0.0-27338323.1e98259 21:21:54\r\nRootDir: /Users/michael/kindandconscioius/kindandconscious-shopify 21:21:55\r\nNuxt project info: 21:21:55\r\n\r\n------------------------------\r\n- Operating System: `Darwin`\r\n- Node Version: `v16.13.0`\r\n- Nuxt Version: `3.0.0-27338323.1e98259`\r\n- Package Manager: `npm@8.1.0`\r\n- Bundler: `Vite`\r\n- User Config: `buildModules`, `components`, `css`\r\n- Runtime Modules: `-`\r\n- Build Modules: `nuxt-windicss@2.2.1`, `@vueuse/nuxt@7.4.1`\r\n------------------------------\r\n```",[],1115,"@vueuse/nuxt - Nuxt 3 Installation Issue?","2022-03-08T10:36:08Z","https://github.com/vueuse/vueuse/issues/1115",0.6618036,{"description":2916,"labels":2917,"number":2918,"owner":2853,"repository":2853,"state":2888,"title":2919,"updated_at":2920,"url":2921,"score":2922},"我的项目依赖如下:\r\n`\r\n\"dependencies\": {\r\n \"@vue/composition-api\": \"^1.2.4\",\r\n \"@vueuse/core\": \"^5.0.3\",\r\n \"axios\": \"^0.21.1\",\r\n \"core-js\": \"^3.6.5\",\r\n \"dayjs\": \"^1.10.5\",\r\n \"element-ui\": \"^2.15.3\",\r\n \"optimize-css-assets-webpack-plugin\": \"^6.0.1\",\r\n \"progressive-image\": \"^1.2.0\",\r\n \"vue\": \"^2.6.11\",\r\n \"vue-fragment\": \"^1.5.2\",\r\n \"vue-quill-editor\": \"^3.0.6\",\r\n \"vue-router\": \"^3.2.0\",\r\n \"vuex\": \"^3.4.0\"\r\n }\r\n`\r\n页面中的响应式数据会失效,甚至异步请求回来的数据也不能正常显示在页面上,我的项目里用到了`useCssVar, useDebounce, useVModel`这三个方法,当然这三个方法也是都失效的,我查看了一下yarn.lock里依赖的版本,发现vue-demi的版本是0.11.4,然后当我把vue-demi的版本控制在0.10.0时,我的项目一切又恢复正常(useCssVar, useDebounce, useVModel都能正常使用,并且响应式数据正常)。\r\n\r\nvue-demi版本是0.11.4时页面是这样:\r\n\r\n\r\nvue-demi版本是0.10.0时页面是这样:\r\n\r\n\r\n希望作者大佬们帮我看一下这个issue\r\n",[],844,"@vueuse/core版本是5.0.3,它所依赖的vue-demi版本是0.11.4,引入vueuse/core里的方法后页面内的响应式数据都会失效","2021-10-19T06:38:36Z","https://github.com/vueuse/vueuse/issues/844",0.6729735,{"description":2924,"labels":2925,"number":2929,"owner":2853,"repository":2853,"state":2888,"title":2930,"updated_at":2931,"url":2932,"score":2933},"### Describe the bug\n\nhttps://nuxt.com/modules/vueuse\r\n\r\nIt says on nuxt modules website that to install VueUse Nuxt module you need to install `npm i @vueuse/nuxt` but that is not correct because you also need to install `@vueuse/core` just like it says here - https://vueuse.org/guide/#nuxt\r\n\r\nThere is inconsistency between what it says on vueuse.org and what it says on nuxt.com/modules. Also when using Nuxt to add Vueuse module it does not install `@vueuse/core` causing it not to work.\n\n### Reproduction\n\nNot needed\n\n### System Info\n\n```Shell\nNot needed\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.",[2926],{"name":2927,"color":2928},"vue: upstream","0E8A16",3861,"Incorrect Nuxt module installation instructions","2024-03-20T10:22:46Z","https://github.com/vueuse/vueuse/issues/3861",0.67495996,{"description":2935,"labels":2936,"number":2937,"owner":2853,"repository":2854,"state":2888,"title":2938,"updated_at":2939,"url":2940,"score":2941},"https://github.com/vueuse/vue-demi/blob/2f80cd77a9d1c5f5c825cec2922bcdddabd02fc3/lib/v2/index.mjs#L7\r\nShould't it be?\r\n\r\n```Javascript\r\n_vue.use(VueCompositionAPI)\r\n```\r\n\r\nOtherwise vue-demi is always installing the composition api in the same vue instance.",[],184,"Vue instance provided to install() function is being ignored","2022-08-10T15:35:12Z","https://github.com/vueuse/vue-demi/issues/184",0.6753075,["Reactive",2943],{},["Set"],["ShallowReactive",2946],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f-tp8bGzqWfjp-eDWLuxeKJt0qhXGFgTBV79muVx9Vdg":-1},"/vueuse/vue-demi/155"]