\r\n \u003C/div>\r\n\u003C/template>\r\n\u003Cscript>\r\nexport default {\r\n data() {\r\n return {\r\n loading: true\r\n }\r\n },\r\n mounted() {\r\n this.loading = false\r\n }\r\n}\r\n\u003C/script>\r\n```\r\n\r\n**~/components/Foo.vue**\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv>Loading\u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nError in browser: \r\n```\r\nTypeError: Cannot read property 'resolved' of undefined\r\n at patchVnode (vue.runtime.esm.js?2b0e:6284)\r\n at updateChildren (vue.runtime.esm.js?2b0e:6193)\r\n at patchVnode (vue.runtime.esm.js?2b0e:6319)\r\n at VueComponent.patch [as __patch__] (vue.runtime.esm.js?2b0e:6482)\r\n at VueComponent.Vue._update (vue.runtime.esm.js?2b0e:3948)\r\n at VueComponent.updateComponent (vue.runtime.esm.js?2b0e:4060)\r\n at Watcher.get (vue.runtime.esm.js?2b0e:4479)\r\n at Watcher.run (vue.runtime.esm.js?2b0e:4554)\r\n at flushSchedulerQueue (vue.runtime.esm.js?2b0e:4310)\r\n at Array.eval (vue.runtime.esm.js?2b0e:1980)\r\n```\r\n\r\n\r\nThis error doesn't occur when the `v-if=\"loading\"` is applied to a `div`. \r\n\r\nApplying a timeout of 2000ms before running `this.loading = false` in mounted did not solve the problem.",[2929,2932,2933],{"name":2930,"color":2931},"stale","ffffff",{"name":2885,"color":2886},{"name":2919,"color":2920},9189,"Having a v-if on component of which value changes on mounted, returns TypeError.","2023-01-22T15:44:51Z","https://github.com/nuxt/nuxt/issues/9189",0.6895823,{"description":2940,"labels":2941,"number":2949,"owner":2871,"repository":2950,"state":2891,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v22.13.1\n- Nuxt Version: -\n- CLI Version: 3.21.1\n- Nitro Version: -\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\n3.0.0-alpha.12\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/purple-water-45l2vr\n\n### Description\n\nIn the Vue application when using the example of how to use the Table component, errors appear with `[Vue warn]: Failed to resolve component: `by which the code cannot be compiled correctly. \n\nThe exact issue here is for example: `const UButton = resolveComponent('UButton')`\n\nIn the reproduction link is the described issue for clear\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2942,2943,2946],{"name":2868,"color":2869},{"name":2944,"color":2945},"v3","49DCB8",{"name":2947,"color":2948},"vue","42b883",3235,"ui","Failed to resolve component in Vue Template","2025-02-19T11:00:41Z","https://github.com/nuxt/ui/issues/3235",0.6932629,{"description":2956,"labels":2957,"number":2960,"owner":2871,"repository":2871,"state":2891,"title":2961,"updated_at":2962,"url":2963,"score":2964},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-zdl7ze?file=pages%2Findex.vue\n\n### Describe the bug\n\nI'm new to Vue/Nuxt and maybe this is something really obvious but I'm seeing something that makes no sense to me:\r\n\r\n\u003Cimg width=\"515\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/337968/159bebd0-27df-4670-87c9-82e60236db83\">\r\n\r\nThe red container has an `v-if=\"data.pending\"` on it. My understanding is that this should mean the element is hidden when the value is false. That does not happen, I can see the `false` value rendered **inside** the element. \r\n\r\nThe code is very small:\r\n\r\n```ts\r\n\u003Cscript setup lang=\"ts\">\r\nconst data = useAsyncData('test', async () => {\r\n return 'test';\r\n});\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cdiv style=\"background: red\" v-if=\"data.pending\">\r\n Pending is: {{ data.pending }}, Data is: {{ data.data }}\r\n \u003C/div>\r\n \u003Cdiv style=\"background: red\" v-if=\"false\">This is false\u003C/div>\r\n \u003Cdiv style=\"background: green\" v-if=\"true\">This is true\u003C/div>\r\n\u003C/template>\r\n```\n\n### Additional context\n\nThis happens locally (MacOS) and in stackblitz\n\n### Logs\n\n_No response_",[2958,2959],{"name":2882,"color":2883},{"name":2885,"color":2886},26683,"v-if does not work with useAsyncData","2024-04-07T19:34:25Z","https://github.com/nuxt/nuxt/issues/26683",0.6961662,{"description":2966,"labels":2967,"number":2973,"owner":2871,"repository":2950,"state":2891,"title":2974,"updated_at":2975,"url":2976,"score":2977},"Related to https://github.com/nuxt/ui/pull/2650\n\nMight be fixed when `vaul-vue` will migrate to `reka-ui`.",[2968,2969,2970],{"name":2868,"color":2869},{"name":2944,"color":2945},{"name":2971,"color":2972},"reka-ui","56d799",2920,"[Drawer] Closing when clicking on a Toast","2025-03-04T12:46:17Z","https://github.com/nuxt/ui/issues/2920",0.69909376,{"description":2979,"labels":2980,"number":2984,"owner":2871,"repository":2950,"state":2891,"title":2985,"updated_at":2986,"url":2987,"score":2988},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\nAs of now, in Nuxt UI v3.0.0-alpha.x, the `SIDE_OPTIONS` constant is defined as follows:\n\n``` ts\nconst SIDE_OPTIONS: [\"top\", \"right\", \"bottom\", \"left\"];\n```\n\nThe current four directions cannot meet the practical development needs. For example, when there is a button on the far right of the screen to open a dropdown menu, it cannot automatically appear as 'bottom-right'.Tooltips, dropdown menus, or popovers may require positioning beyond the basic cardinal directions to avoid obscuring content or to better fit within the viewport.\n\n#### Proposed Enhancement\n\nI propose to extend the SIDE_OPTIONS constant to include combinations of the cardinal directions to allow for greater flexibility and finer control over positioning. The updated SIDE_OPTIONS would be:\n\n``` ts\nconst SIDE_OPTIONS = [\n \"top\", \"right\", \"bottom\", \"left\",\n \"bottom-left\", \"bottom-right\",\n \"left-top\", \"left-bottom\",\n \"top-left\", \"top-right\",\n \"right-top\", \"right-bottom\"\n];\n```\n\n\n### Additional context\n\n| | |\n| ----------- | ----------- |\n|  | |\n\n\n",[2981,2983],{"name":2900,"color":2982},"a2eeef",{"name":2944,"color":2945},2712,"Side needs more direction","2024-11-20T19:59:29Z","https://github.com/nuxt/ui/issues/2712",0.7007173,{"description":2990,"labels":2991,"number":2994,"owner":2871,"repository":2871,"state":2891,"title":2995,"updated_at":2996,"url":2997,"score":2998},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.17.0\r\n- Nuxt Version: 3.7.0\r\n- CLI Version: 3.7.3\r\n- Nitro Version: 2.6.2\r\n- Package Manager: yarn@1.22.19\r\n- Builder: -\r\n- User Config: ignore, modules, supabase, css, app, vite\r\n- Runtime Modules: nuxt-icon@0.5.0, @unocss/nuxt@0.56.1, @nuxtjs/supabase@1.1.2, @nuxtjs/color-mode@3.3.0\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nVue playground [[link](https://play.vuejs.org/#eNqNU01v2zAM/SuELo5Rwx7Qm+sE24octsM2dDvq4im069aWDIlOAwT+76XkJHXatOjBH+J7fHqkqL341vfpdkCRi8Ip2/QEDmnoV1I3XW8swR4sVgm/SkXNFhN4KkndHz7rqkJFMEJlTQcRC0U3UkutjHasRCXhnU+E5UlgsQdlBk05fIExZvYZtwrM6g0p7LZ4EUxgEcNyxSztTItpa+oZGsc3kGVAtqlrtO5VOlfzbnKVbst2wDjhujeIfc4iA3oPFwSn6hdvxSKc+hJqziFKZq247O0TUtVc6OjztdixnUbfto165G5OknupYWYiDd29uuLOnsIHyTPozInyiriJ/HmM/BTZNDE8K7wg7PqWhXgFUPwfiIyGryFnKcXBjxQrQkdFNuHMLbJZokgEOd6zaur0wRnNUxmMS6FM1zct2t89NexJinwqyWNl25qnnyHmDys5xtU9qscL8Qe38zEp/lh0aLcoxQmj0tZIE7z++wt3/H8CO7MZWmZ/AN4h92vwHifa90Fv2PaMF9z+CHer0fU/t94Rancsyhv1zDHwpeAbdftB6S92r9PrkMdHI8ZnXQJLPw==)]\r\nNuxt repro [[link](https://stackblitz.com/edit/github-q8xcd1?file=app.vue)]\r\n\r\n### Describe the bug\r\n\r\nI noticed some watchEffects in my application did not seem to be triggering. I thought it was a vue problem, but seeking help from the community, it seems that it was not an issue with vue itself. Then I was able to verify that the same effects indeed ran normally on vue, but not on nuxt.\r\n\r\nI was capable of reproducing it within the playgrounds. Here is the basic snippet of code I am using:\r\n\r\n```vue\r\n\u003Cscript setup>\r\nimport { ref, reactive, watch, watchEffect } from 'vue';\r\n\r\nconst stateReact = reactive({ count: 0 });\r\nconst stateRef = ref({ count: 0 });\r\nwatch(stateReact, () => console.log(stateReact)); // triggers\r\nwatch(stateRef, () => console.log(stateRef.value), { deep: true }); // triggers\r\nwatchEffect(() => console.log('effect react: ', stateReact)); // do not trigger on nuxt\r\nwatchEffect(() => console.log('effect ref: ', stateRef.value)); // do not trigger on nuxt\r\n\r\nconst onClick = () => {\r\n stateReact.count++;\r\n stateRef.value.count++;\r\n console.log('clicked');\r\n};\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cbutton @click=\"onClick\">test\u003C/button>\r\n\u003C/template>\r\n```\r\n\r\nThe expected behavior: When clicking the button, 4 logs should be printed to the console.\r\n\r\nBut on nuxt, the watchEffects logs don't trigger. You can see that by opening the dev tools and watching the console on the repros.\r\n\r\nWith nuxt:\r\n\r\nhttps://github.com/nuxt/nuxt/assets/54607854/0030b818-9851-4fe0-9a0e-c4675a3e9f8c\r\n\r\nWith vue:\r\n\r\nhttps://github.com/nuxt/nuxt/assets/54607854/cf20a26d-ed7a-4b46-8596-98c92d66cb50\r\n\r\nI am assuming it is an issue, since it behaves differently.\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2992,2993],{"name":2882,"color":2883},{"name":2885,"color":2886},23628,"watchEffect is not triggering with reactive or ref objects","2023-10-18T19:57:30Z","https://github.com/nuxt/nuxt/issues/23628",0.7025701,["Reactive",3000],{},["Set"],["ShallowReactive",3003],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$flg0sudCNosk2xVTEn-w2WUEsUyAFt-agf5OmUsGxj0Q":-1},"/nuxt/fonts/356"]