\n\n`defineProps` works fine\n\u003Cimg width=\"680\" height=\"215\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/d3f33a4a-72e3-4c0c-a94b-bf37ad05d356\" />\n\nPerhaps the issue lies here.\n\u003Cimg width=\"552\" height=\"290\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/4a0d2211-92a1-4dab-9ab6-3c819ddefb4c\" />\n\n### Reproduction\n\nhttps://playground.vueuse.org/#eNqVkk1z0zAQhv/K4kviwR9lYDgEJxMoPcABOqE3zMG1N6laWRKSbNLJ+L+zlmyTMJBpLx5L++7us6v3ELxXKmkbDBZBZkrNlAWDtlHAC7Fb5oE1ebDKBauV1BYOUGosLG6wMcUtxxusFaczdLDVsobZmko1BtNSapy9O8ortC4eIxBNfYs6gm0jyimJcmL7qNDMcpGLUgpj4ftH3DIxNYigbzkdf8DyPyTzQy4AlJbKLMD9A3Bm7MITZB5gNQ8TZjb4s2Eaq8jLmKhwvxgQSVDhdh6/CoeoFJeclQ8Lh57NT8QhLFfQSlZRXSfv6NuFNP84jgMiaKpJU133J0/6JLZzZM/g6sIeKEv9O9Or0sEOe6MTQHa6dGhjw6UlFxwcZ+RBorEndM4b/XayF3EM/RsCai01xPEYqFgL67KXU50h0VOGlD2WylLSeYb0FMJh+jpDyQpr6ZX+LkuPhgiiwHsurguV3BspyNlu0/kQIENPzsiDyXv9bR7cWUvGSdOyEpRcIWetTgTaVKg6nbTrt8lFcpG+RFPngXtvWi51toZee8t2f/UtZa0YR/1VWUZuOOlfcC5/fXZ3Vjc4mI1y7rB8+Mf9vdl70muNBnWLeTDFbKF3aH346tsX3NP/FKxl1XBSnwlu0Eje9Ixe9qERFWEf6RztJ7dGJnY35mpvUZhxqB50dP+w28szo//BfZ28mbbY/QaxVIgQ\n\n### System Info\n\n```Shell\n\"@vueuse/core\": \"^13.2.0\"\n\"vue-types\": \"^5.1.3\"\n\"typescript\": \"^5.8.3\",\n```\n\n### Used Package Manager\n\npnpm\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.",[3171],{"name":3172,"color":3173},"pending triage","d73a4a",4929,"vueuse","open","BUG | `createReusableTemplate` | Not compatible with the `vue-types` library","2025-07-31T02:11:46Z","https://github.com/vueuse/vueuse/issues/4929",0.7157317,{"description":3182,"labels":3183,"number":1350,"owner":3175,"repository":3184,"state":3185,"title":3186,"updated_at":3187,"url":3188,"score":3189},"Hi\r\n\r\nI use your template to discover vueuse/router plugin\r\nI installed it\r\n\r\n```\r\nnpm i @vueuse/router vue-router@4\r\n```\r\n\r\nI modified App.vue\r\n\r\n```\r\n\u003Cscript setup lang=\"ts\">\r\nimport { useRouteQuery } from '@vueuse/router'\r\n\r\nconst search = useRouteQuery('search')\r\n\r\nconsole.log(search.value) // route.query.search\r\nsearch.value = 'foobar' // router.replace({ query: { search: 'foobar' } })\r\n\r\nimport { useMouse, useCounter } from '@vueuse/core'\r\n```\r\n\r\n but getting error\r\n",[],"vueuse-vite-starter","closed","useRouteQuery","2022-12-19T10:09:02Z","https://github.com/vueuse/vueuse-vite-starter/issues/5",0.64754784,{"description":3191,"labels":3192,"number":3196,"owner":3175,"repository":3175,"state":3185,"title":3197,"updated_at":3198,"url":3199,"score":3200},"### Clear and concise description of the problem\n\nI'm still writing some code projects in Vue 2, and I'd love to have all the Vue 3 goodness I can.\r\nSpecifically, I have two tables on the same page, and I want to be able to watch the route query params for both tables independently.\n\n### Suggested solution\n\nUsing `import { useRoute, useRouter } from \"vue2-helpers/vue-route` I have been able to back-port @vueuse/router -> useRouteQuery to Vue 2.\r\n\r\nI'd love it if this could be come a standard thing, rather than having to role my own. \n\n### Alternative\n\n_No response_\n\n### Additional context\n\nSee https://github.com/icefoganalytics/travel-authorization/commit/f899f10013a6e3116c149ccf0b6a760a78d89bca\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 that request the same feature to avoid creating a duplicate.",[3193],{"name":3194,"color":3195},"enhancement","a2eeef",4117,"Request of Backport of `@vueuse/router` -> `useRouteQuery` to Vue 2","2024-07-26T15:24:34Z","https://github.com/vueuse/vueuse/issues/4117",0.65854156,{"description":3202,"labels":3203,"number":3204,"owner":3175,"repository":3175,"state":3185,"title":3205,"updated_at":3206,"url":3207,"score":3208},"\"@vue/composition-api\": \"^1.2.1\",\r\n\"@vueuse/core\": \"^6.4.1\",\r\n\r\n\r\n\r\n当使用了vueuse中的某个方法,如useTitle,就会报如上的错误",[],784,"与composition-api冲突","2021-10-09T05:31:50Z","https://github.com/vueuse/vueuse/issues/784",0.68913996,{"description":3210,"labels":3211,"number":3215,"owner":3175,"repository":3175,"state":3185,"title":3216,"updated_at":3217,"url":3218,"score":3219},"### Describe the bug\n\n#3050 differentiates between `undefined` and `null`. However, types do not reflect that value can be `undefined`.\n\n### Reproduction\n\nhttps://github.com/vueuse/vueuse/issues/3050\n\n### System Info\n\n```Shell\nSystem, Binaries, Browsers\n```\n\n\n### Used Package Manager\n\npnpm\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.",[3212],{"name":3213,"color":3214},"has pr","5319E7",3294,"Types of useRouteQuery are missing undefined","2024-12-24T04:41:14Z","https://github.com/vueuse/vueuse/issues/3294",0.696967,{"description":3221,"labels":3222,"number":3224,"owner":3175,"repository":3175,"state":3185,"title":3225,"updated_at":3226,"url":3227,"score":3228},"### Clear and concise description of the problem\n\nAs a developer using VueUse I want to be able to use useRouteQuery out of the box, so that I don't have to pass nuxt' `useRoute` and `useRouter` composables to every `useRouteQuery` call I make.\r\n\r\nCurrently @vueuse/router uses `useRoute` and `useRouter` from vue-router by default. This however doesn't seem to work when using nuxt3. At the moment it's possible to fix this by passing the equivalent composables from nuxt as options to the composable. Ideally this would already happen in the implementation directly.\n\n### Suggested solution\n\nMaybe there could be a dedicated @vue/nuxt-router package that is virtually identical to the current vue-router implementation, but overwrites the default parameters with nuxt' equivalents.\n\n### Alternative\n\n_No response_\n\n### Additional context\n\n_No response_\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 that request the same feature to avoid creating a duplicate.",[3223],{"name":3194,"color":3195},2334,"@vueuse/router support for nuxt","2022-12-24T17:04:59Z","https://github.com/vueuse/vueuse/issues/2334",0.7048917,{"description":3230,"labels":3231,"number":3232,"owner":3175,"repository":3175,"state":3185,"title":3233,"updated_at":3234,"url":3235,"score":3236},"我的项目依赖如下:\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.70775807,{"description":3238,"labels":3239,"number":33,"owner":3175,"repository":3240,"state":3185,"title":3241,"updated_at":3242,"url":3243,"score":3244},"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.70794624,{"description":3246,"labels":3247,"number":3248,"owner":3175,"repository":3175,"state":3185,"title":3249,"updated_at":3250,"url":3251,"score":3252},"### Describe the bug\n\ndont work list reactive data in useRouteQuery\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vitejs-vite-pjwtpr/?file=src%2FApp.vue,package.json\n\n### System Info\n\n```Shell\nBinaries:\r\n Node: 20.6.1 - ~/.nvm/versions/node/v20.6.1/bin/node\r\n Yarn: 1.22.19 - ~/.nvm/versions/node/v20.6.1/bin/yarn\r\n npm: 9.8.1 - ~/.nvm/versions/node/v20.6.1/bin/npm\r\n pnpm: 8.11.0 - ~/.nvm/versions/node/v20.6.1/bin/pnpm\r\n Browsers:\r\n Chrome: 119.0.6045.123\r\n npmPackages:\r\n @vueuse/core: ^9.13.0 => 9.13.0 \r\n @vueuse/router: ^9.13.0 => 9.13.0 \r\n vue: ^3.3.4 => 3.3.8\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.",[],3636,"Problem reactive data in useRouteQuery for list query","2023-12-13T06:50:20Z","https://github.com/vueuse/vueuse/issues/3636",0.7094118,{"description":3254,"labels":3255,"number":3256,"owner":3175,"repository":3257,"state":3185,"title":3258,"updated_at":3259,"url":3260,"score":3261},"\r\n应该是template的原因,所以是是只能jsx或者render?",[],188,"vue-demi","vue3版本下开发的组件 无法在vue2环境使用","2022-08-26T10:41:30Z","https://github.com/vueuse/vue-demi/issues/188",0.7110484,["Reactive",3263],{},["Set"],["ShallowReactive",3266],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f55kOeVO1ZJpQUsUKrKLqe-TbvXyI3wo86Dc2Ls0geRo":-1},"/vueuse/playground/8"]