\n \u003C/div>\n \u003C/div>\n\u003C/template>\n\n\u003Cstyle>\n@media (min-width: 1024px) {\n .about {\n min-height: 100vh;\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n}\n\u003C/style>\n\n```\nChild component\n```js\n// src/components/TestModel.vue\n\n\u003Cscript setup>\nimport {onMounted, watch} from \"vue\";\nimport {useVModel} from \"@vueuse/core\";\n\nconst props = defineProps({\n modelValue: {\n type: Boolean\n }\n});\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst data = useVModel(props, 'modelValue', emit, {\n deep: true,\n});\n\n// watch(() => data.value, (v) => {\n// if (v) {\n// setTimeout(() => {\n// data.value = false;\n// }, 2000)\n// }\n// })\n//\n// onMounted(() => {\n// setTimeout(() => {\n// console.log('update model value')\n// data.value = true;\n// }, 4000)\n// })\n\n\u003C/script>\n\n\u003Ctemplate>\n\u003Cdiv>\n \u003Ch1>model? {{data ? 'YES' : 'NO'}}\u003C/h1>\n \u003Ch1>props.modelValue ? {{props.modelValue ? 'YES' : 'NO'}}\u003C/h1>\n\u003C/div>\n\u003C/template>\n\n\u003Cstyle scoped>\n\n\u003C/style>\n```\n\n**Note:** on the reproduction link, go to *About* page & click on the button. You'll see that the child component is not picking the update. \n\nFYI: the project was setup using `pnpm create vue@legacy`, so this is a `vite` project.\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/serene-fermi-jkd885\n\n### System Info\n\n```Shell\nSystem:\n OS: Linux 6.8 Ubuntu 24.04.1 LTS 24.04.1 LTS (Noble Numbat)\n CPU: (8) x64 Intel(R) Core(TM) i3-14100\n Memory: 20.57 GB / 31.03 GB\n Container: Yes\n Shell: 5.2.21 - /bin/bash\n Binaries:\n Node: 20.18.1 - ~/.nvm/versions/node/v20.18.1/bin/node\n npm: 10.8.2 - ~/.nvm/versions/node/v20.18.1/bin/npm\n pnpm: 9.15.0 - ~/.local/share/pnpm/pnpm\n Browsers:\n Brave Browser: 132.1.74.48\n Chrome: 132.0.6834.83\n npmPackages:\n @vueuse/core: ^11.3.0 => 11.3.0 \n vue: ^2.7.16 => 2.7.16\n```\n\n### Used Package Manager\n\npnpm\n\n\n### Discussion link\nhttps://github.com/vueuse/vueuse/discussions/4507\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.",[3061],{"name":3062,"color":3063},"has workaround","4260B0",4506,"BUG | `useVModel` | Not working with vue2.7 `\u003Cscritp setup>`","2025-01-24T03:44:13Z","https://github.com/vueuse/vueuse/issues/4506",0.72311604,{"description":3070,"labels":3071,"number":3072,"owner":3018,"repository":3018,"state":3037,"title":3073,"updated_at":3074,"url":3075,"score":3076},"### Describe the bug\r\n\r\nIt seems when in vue3 project, it still import vue-demi.\r\n\r\nWhen i down to 8.9.3, problem solved.\r\n\r\n```\r\n10:14:49 AM [vite] Internal server error: Failed to resolve import \"vue-demi\" from \"node_modules/.vite/deps/chunk-KBM4AKY4.js?v=49be3b31\". Does the file exist?\r\n Plugin: vite:import-analysis\r\n File: /Users/alex.xie/code/divzen-web/node_modules/.vite/deps/chunk-KBM4AKY4.js?v=49be3b31\r\n 1 | // node_modules/.pnpm/@vueuse+shared@8.9.4_vue@3.2.37/node_modules/@vueuse/shared/index.mjs\r\n 2 | import { shallowRef, watchEffect, readonly, ref, unref, isVue3, watch, customRef, effectScope, provide, inject, getCurrentScope, onScopeDispose, 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\n 3 | var __defProp$9 = Object.defineProperty;\r\n 4 | var __defProps$6 = Object.defineProperties;\r\n```\r\n\r\n### Reproduction\r\n\r\ni may put it later\r\n\r\n### System Info\r\n\r\n```Shell\r\nSystem:\r\n OS: macOS 12.4\r\n CPU: (8) x64 Intel(R) Core(TM) i7-1068NG7 CPU @ 2.30GHz\r\n Memory: 499.36 MB / 16.00 GB\r\n Shell: 5.8.1 - /bin/zsh\r\n Binaries:\r\n Node: 16.14.2 - ~/.nvm/versions/node/v16.14.2/bin/node\r\n Yarn: 1.22.17 - ~/.yarn/bin/yarn\r\n npm: 8.5.5 - ~/.config/yarn/global/node_modules/.bin/npm\r\n Browsers:\r\n Chrome: 103.0.5060.114\r\n Firefox: 89.0\r\n Safari: 15.5\r\n npmPackages:\r\n @vueuse/core: 8.9.4 => 8.9.4 \r\n vue: ^3.2.37 => 3.2.37\r\n```\r\n\r\n\r\n### Used Package Manager\r\n\r\npnpm\r\n\r\n### Validations\r\n\r\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://vueuse.org/guide).\r\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.\r\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.\r\n- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\r\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],1953,"v8.9.4 will break vue3 project?","2022-07-19T05:57:43Z","https://github.com/vueuse/vueuse/issues/1953",0.73026896,{"description":3078,"labels":3079,"number":3080,"owner":3018,"repository":3018,"state":3037,"title":3081,"updated_at":3082,"url":3083,"score":3084},"Because some functions are imported from `vue` instead of `vue/demi`, latest release is broken with vue 2.\r\n\r\nhttps://github.com/vueuse/vueuse/compare/v6.2.1...v6.3.1 \r\n\r\nhttps://github.com/vueuse/vueuse/blob/d0fa468799fd9637dac86d9c695ccff2d220d9e7/packages/core/useDraggable/index.ts#L1",[],729,"v6.3.x is broken with vue2","2021-09-08T19:53:21Z","https://github.com/vueuse/vueuse/issues/729",0.7310742,{"description":3086,"labels":3087,"number":3088,"owner":3018,"repository":3019,"state":3037,"title":3089,"updated_at":3090,"url":3091,"score":3092},"\n\n\n\nThe content of npm and pnpm in version 0.14.10 of vue-demi is inconsistent",[],275,"export 'hasInjectionContext' (imported as 'hasInjectionContext') was not found in 'vue-demi'","2025-05-16T04:00:59Z","https://github.com/vueuse/vue-demi/issues/275",0.7341105,{"description":3094,"labels":3095,"number":3096,"owner":3018,"repository":3018,"state":3037,"title":3097,"updated_at":3098,"url":3099,"score":3100},"",[],1072,"When importing using pnpm Module '\"@vueuse/core\"' has no exported member 'toReactive'.","2022-01-03T09:46:55Z","https://github.com/vueuse/vueuse/issues/1072",0.73694205,["Reactive",3102],{},["Set"],["ShallowReactive",3105],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fOw8cfRDapPX1ZmrO-gG94bjv8Z2Uha151y-rbAH-L5w":-1},"/vueuse/vue-demi/273"]