\u003Cbr />\n \u003CUButton @click=\"fnOpenModal\">Open FooModal from code\u003C/UButton>\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cscript lang=\"ts\" setup>\n import { FooModal } from '#components';\n\n const overlay = useOverlay();\n\n const foo = overlay.create(FooModal);\n\n const fnOpenModal = async () => {\n foo.open();\n };\n\n const fnHandleAction = (action) => {\n console.log(\"Handle FooModal action: \", action);\n };\n\u003C/script>\n```\n\n**FooModal**\n```\n\u003Ctemplate>\n \u003CUModal v-model:open=\"open\" title=\"Foobar\">\n \u003CUButton label=\"Open FooModal from modal\" color=\"neutral\" variant=\"subtle\" />\n\n \u003Ctemplate #body>\n \u003CUButton @click=\"click()\" >Submit\u003C/UButton>\n \u003C/template>\n \u003C/UModal>\n\u003C/template>\n\n\u003Cscript lang=\"ts\" setup>\n const open = ref(false);\n\n const emits = defineEmits(['some-action']);\n\n const click = () => {\n console.log(\"clicked from inside the modal\");\n emits('some-action', 'closing'); //emits does not work if Modal opened using useOverlay.\n open.value = false; //closing modal does not work if Modal opened using useOverlay.\n };\n\u003C/script>\n```\n\n### Description\n\nHello Nuxt UI team,\n\nThank you for providing a high-quality UI library. I truly appreciate the effort you put into creating and maintaining it.\n\nI have encountered an issue while using `UModal` in my application. The modal is used to create and/or update database entries, and it needs to be opened in two different ways:\n\n1. Via a `UButton` that is always present on the screen (provided by the modal itself).\n2. Programmatically, through a link in a dropdown menu, using `useOverlay`.\n\nWhen the modal is opened using the first method, everything works as expected. However, when it is opened programmatically using the second method, the modal does not behave the same way. Specifically:\n\n- I am unable to trigger an `emit` to notify the parent component that the update was successful.\n- The modal does not close properly using the `open.value = false` technique.\n\nI am unsure if this behavior is intentional or a bug. I was under the impression that `UModal` and `useOverlay` should work seamlessly together and exhibit consistent behavior. Could you please confirm whether this is a valid concern?\n\nThank you for your time and attention to this matter. I look forward to your guidance.\n\n**Note**: You'll also notice that the button within the modal appears on the screen when opened using `useOverlay`. It would be helpful if it could be hidden automatically, but I believe this is something I can control easily. As such, I do not consider this to be a bug.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2028,2031,2032],{"name":2029,"color":2030},"bug","d73a4a",{"name":1988,"color":1989},{"name":1991,"color":1992},3432,"UModal and useOverlay compatibility Issue","2025-03-11T13:57:03Z","https://github.com/nuxt/ui/issues/3432",0.7221979,{"description":2039,"labels":2040,"number":2048,"owner":1994,"repository":1995,"state":2020,"title":2049,"updated_at":2050,"url":2051,"score":2052},"### Environment\n\n```\nNuxt project info: 4:13:17 PM\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.16.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: pnpm@9.7.1\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n```\n\n### Version\n\n2.18.7\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/button\n\n### Description\n\n\nMy issue is pretty close to https://github.com/nuxt/ui/issues/468.\n\nIt's when you switch between different types of props on a component document that this issue occurs, the first time you enter it no such issue occurs.\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2041,2042,2045],{"name":2029,"color":2030},{"name":2043,"color":2044},"documentation","0075ca",{"name":2046,"color":2047},"duplicate","cfd3d7",2429,"DOCS: You should use slots with \u003CContentRenderer>","2024-10-21T10:20:28Z","https://github.com/nuxt/ui/issues/2429",0.7235243,{"description":2054,"labels":2055,"number":2060,"owner":1994,"repository":1995,"state":2020,"title":2061,"updated_at":2062,"url":2063,"score":2064},"### Description\n\nI can see there was some changes [here](https://github.com/nuxt/ui/pull/3123) which is great.\n\nI'm just wondering why the 'help' property was excluded from these additions?\n\nThank you!",[2056,2059],{"name":2057,"color":2058},"question","d876e3",{"name":1988,"color":1989},3685,"Was UFormField 'help' property excluded from the aria-describedby update for any specific reason?","2025-03-26T12:47:39Z","https://github.com/nuxt/ui/issues/3685",0.7245221,{"description":2066,"labels":2067,"number":2071,"owner":1994,"repository":1995,"state":2020,"title":2072,"updated_at":2073,"url":2074,"score":2075},"### Description\n\nThere is no way to achieve this with the current API. Adding a initialSlideIndex/currentSlideIndex property would be great.\n\n### Additional context\n\n_No response_",[2068,2069,2070],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1991,"color":1992},3669,"Add ability to programmatically set a UCarousel to a specific slide index","2025-03-24T16:44:54Z","https://github.com/nuxt/ui/issues/3669",0.7256629,{"description":2077,"labels":2078,"number":2081,"owner":1994,"repository":1995,"state":2020,"title":2082,"updated_at":2083,"url":2084,"score":2085},"### Description\n\nI have not been able to apply a custom brand color to a nuxt ui 3 site using the documentation.\n\nWhat am I doing wrong?\n\nhttps://codesandbox.io/p/devbox/focused-haze-63jcfx ",[2079,2080],{"name":2057,"color":2058},{"name":1988,"color":1989},3565,"Custom brand color","2025-03-14T13:18:33Z","https://github.com/nuxt/ui/issues/3565",0.7257745,{"description":2087,"labels":2088,"number":2090,"owner":1994,"repository":2091,"state":2020,"title":2092,"updated_at":2093,"url":2094,"score":2095},"### 📚 Is your documentation request related to a problem?\n\nI want to change `fetchproirity=\"low\"` to `fetchpriority=\"hight\"`.\n\nI made use of the Google Tag Manager script from the Script Registry.\n\n\u003Cimg width=\"672\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/74e8a344-e908-44f6-b061-0982d8e4990a\" />\n\n\n### 🔍 Where should you find it?\n\nI can't find it in the docs, but if you can change the `fetchpriority`, it should be in on the Google Tag Manager page on de Scripts Registry.\n\n=> [scripts.nuxt.com/scripts/tracking/google-tag-manager](https://scripts.nuxt.com/scripts/tracking/google-tag-manager)\n\n### ℹ️ Additional context\n\n_No response_",[2089],{"name":2043,"color":2044},338,"scripts","How can I change fetchpriority from 'low' to 'high' (Google Tag Manager)","2024-12-17T10:34:14Z","https://github.com/nuxt/scripts/issues/338",0.72834384,{"description":2097,"labels":2098,"number":2100,"owner":1994,"repository":2007,"state":2020,"title":2101,"updated_at":2102,"url":2103,"score":2104},"+ Maybe Agencies aside",[2099],{"name":1985,"color":2005},1128,"[Refactor] Group modules and showcase components","2023-02-15T12:31:10Z","https://github.com/nuxt/nuxt.com/issues/1128",0.7286205,["Reactive",2106],{},["Set"],["ShallowReactive",2109],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"bezPLUJgJcG8sohRs6qhK9Vo4Yw013jP1bythNbecEg":-1},"/nuxt/ui/2673"]