\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.",[3254,3257,3258],{"name":3255,"color":3256},"stale","ffffff",{"name":3198,"color":3199},{"name":3244,"color":3245},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.68958235,{"description":3265,"labels":3266,"number":3274,"owner":3187,"repository":3275,"state":3216,"title":3276,"updated_at":3277,"url":3278,"score":3279},"### 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```",[3267,3268,3271],{"name":3184,"color":3185},{"name":3269,"color":3270},"v3","49DCB8",{"name":3272,"color":3273},"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":3281,"labels":3282,"number":3285,"owner":3187,"repository":3187,"state":3216,"title":3286,"updated_at":3287,"url":3288,"score":3289},"### 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_",[3283,3284],{"name":3209,"color":3210},{"name":3198,"color":3199},26683,"v-if does not work with useAsyncData","2024-04-07T19:34:25Z","https://github.com/nuxt/nuxt/issues/26683",0.6961662,{"description":3291,"labels":3292,"number":3298,"owner":3187,"repository":3275,"state":3216,"title":3299,"updated_at":3300,"url":3301,"score":3302},"Related to https://github.com/nuxt/ui/pull/2650\n\nMight be fixed when `vaul-vue` will migrate to `reka-ui`.",[3293,3294,3295],{"name":3184,"color":3185},{"name":3269,"color":3270},{"name":3296,"color":3297},"reka-ui","56d799",2920,"[Drawer] Closing when clicking on a Toast","2025-03-04T12:46:17Z","https://github.com/nuxt/ui/issues/2920",0.6990938,{"description":3304,"labels":3305,"number":3309,"owner":3187,"repository":3275,"state":3216,"title":3310,"updated_at":3311,"url":3312,"score":3313},"### 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",[3306,3308],{"name":3225,"color":3307},"a2eeef",{"name":3269,"color":3270},2712,"Side needs more direction","2024-11-20T19:59:29Z","https://github.com/nuxt/ui/issues/2712",0.7007173,["Reactive",3315],{},["Set"],["ShallowReactive",3318],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$flg0sudCNosk2xVTEn-w2WUEsUyAFt-agf5OmUsGxj0Q":-1},"/nuxt/fonts/356"]