\n \u003Cdiv>{{ componentRef?.$el }}\u003C/div>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst componentRef = ref\u003CInstanceType\u003Ctypeof MyServerComponent>>();\n\u003C/script>\n```\n\n### Additional context\n\nmy workaround was to wrap the server component and lookup `data-island-uid`, but I don't know if that's the recommended solution\n```vue\n\u003Ctemplate>\n \u003Cdiv>\n \u003Cdiv :style=\"{ display: 'contents' }\" ref=\"containerRef\">\n \u003CMyServerComponent />\n \u003C/div>\n \u003Cdiv>{{ containerRef?.querySelector('[data-island-uid]') }}\u003C/div>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst containerRef = ref\u003CHTMLDivElement>();\n\u003C/script>\n```\n\n### Logs\n\n```shell-script\n\n```",[2926],{"name":2903,"color":2917},31512,"unable to reference element of server component","2025-03-23T21:01:09Z","https://github.com/nuxt/nuxt/issues/31512",0.7401538,{"description":2933,"labels":2934,"number":2938,"owner":2906,"repository":2907,"state":2939,"title":2940,"updated_at":2941,"url":2942,"score":2943},"When trying to mount component with `mountSuspended` component can't emit anything.\r\n\r\nEven if I explicitly emit in `\u003Cscript setup>`, `wrapper.emitted()` object is always equal to `{}`.",[2935],{"name":2936,"color":2937},"vitest-environment","b60205",527,"closed","mountSuspended doesn't support emits","2023-12-02T00:17:07Z","https://github.com/nuxt/test-utils/issues/527",0.702813,{"description":2945,"labels":2946,"number":2956,"owner":2906,"repository":2957,"state":2939,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### Version\n\nv3 latest commit\n\n### Description\n\nI noticed the following behavior:\n\n- When the data prop of a `\u003CUTable>` changes, the rows dont get properly unmounted\n- This results in components within a row to never have `unMounted` being called (only if the amount of rows is less for the ones that get removed)\n- Further this can result in a bugs and unexpected behavior because for components only the props change but the setup function is not called again\n\n### Reproduction\n\nConsider the following simplified example. The badge never changes color. Also if one would use `onMounted`/`onUnmounted` within the badge component they would not get triggered when the data changes (only if the amount of rows change).\n\n**my-badge.vue**\n\n```vue\n\u003Cscript setup lang=\"ts\">\nconst props = defineProps\u003C{\n status: 'yes' | 'no';\n}>();\n\nswitch (props.status) {\n case 'yes':\n color = 'success';\n break;\n case 'no':\n color = 'error';\n break;\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUBadge :color variant=\"subtle\">{{ props.status }}\u003C/UBadge>\n\u003C/template>\n```\n\n**my-table.vue**\n```vue\n\u003Cscript setup lang=\"ts\">\n const page = ref(1);\n const { data } = useFetch('url', { query: { page }}); // This gets refetched when `page.value` changes\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUTable :data :columns>\n \u003Ctemplate #status-cell=\"{ row }\">\n \u003CMyBadge :status=\"row.original.status\" />\n \u003C/template>\n \u003C/UTable>\n\u003C/template>\n```\n\n### Additional context\n\nI think this was already the case within v2: There I have a table that contains `\u003CNuxtImg />` tags. When the data changes (e.g. by pagination) the new rows are displayed with the images of the old row until the new images are loaded. That is probably because the `\u003CNuxtImg />` components dont get removed and replaced by all new ones.\n\nLet me know if I should create a reproduction repo\n",[2947,2950,2953],{"name":2948,"color":2949},"bug","d73a4a",{"name":2951,"color":2952},"needs reproduction","CB47CF",{"name":2954,"color":2955},"v3","49DCB8",3043,"ui","Table rows dont get deleted / unmounted when data changes","2025-03-28T17:35:58Z","https://github.com/nuxt/ui/issues/3043",0.71011466,{"description":2963,"labels":2964,"number":2965,"owner":2906,"repository":2966,"state":2939,"title":2967,"updated_at":2968,"url":2969,"score":2970},"- [ ] nav broken in mobile\n\n\n- [ ] AppCard component : \n- border + color (mobile + desktop) in docs/community/nuxt-community cf. figma : https://www.figma.com/file/3yI3EtwxPjZwiqQrW9OLnH/%E2%9B%B0%EF%B8%8F---User-Interface?node-id=333%3A38212\n\n\n- Module page : links broken\n\n- [ ] buttons : buttons filter broken \nhttps://volta.s3.fr-par.scw.cloud/Clean_Shot_2023_02_28_at_14_07_56_69ff905071.mp4\n- [ ] darkmode: [home]\n\n\n\n\n",[],1252,"nuxt.com","Review : refactor ui components with Pinceau","2023-03-13T08:54:41Z","https://github.com/nuxt/nuxt.com/issues/1252",0.7173672,{"description":2972,"labels":2973,"number":2981,"owner":2906,"repository":2957,"state":2939,"title":2982,"updated_at":2983,"url":2984,"score":2985},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nWhen validating an object, a FormGroup does not display validations of specific properties (at least not with details).\n\nWould it make sense for the name `myobj` to display errors from anything that looks like `myobj\\..*` ? it could show all of them, each on a newline.\n\n### Additional context\n\nhttps://github.com/nuxt/ui/issues/1898",[2974,2977,2980],{"name":2975,"color":2976},"enhancement","a2eeef",{"name":2978,"color":2979},"wontfix-v2","ffffff",{"name":2954,"color":2955},2569,"Display zod validation errors based on prefix","2024-11-11T18:28:09Z","https://github.com/nuxt/ui/issues/2569",0.7238644,{"description":2987,"labels":2988,"number":2991,"owner":2906,"repository":2957,"state":2939,"title":2992,"updated_at":2993,"url":2994,"score":2995},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.15.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.1\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.4\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\nhttps://github.com/Cyanhall/nuxt-ui-v3-demo/tree/main/demo4\n\n### Description\n\nThe button styles in UModal body should not be affected by UButtonGroup. I'm not sure if this is a bug or a feature.\n\n\n```vue\n\u003Ctemplate>\n \u003CUButtonGroup>\n \u003CUModal\n :close=\"true\"\n v-model:open=\"open\"\n title=\"Test\"\n >\n \u003CUButton\n variant=\"outline\"\n color=\"neutral\"\n @click=\"open = true\"\n >\n Modal Button\n \u003C/UButton>\n \u003Ctemplate #body>\n Body\n \u003C/template>\n \u003Ctemplate #footer>\n \u003Cdiv class=\"flex justify-start w-full gap-4\">\n \u003CUButton\n variant=\"outline\"\n class=\"rounded\"\n label=\"Cancel\"\n @click=\"open = false\"\n />\n \u003CUButton\n variant=\"outline\"\n class=\"rounded\"\n label=\"Middle\"\n @click=\"open = false\"\n />\n \u003CUButton\n type=\"submit\"\n class=\"rounded\"\n label=\"Confirm\"\n color=\"primary\"\n @click=\"open = false\"\n />\n \u003C/div>\n \u003C/template>\n \u003C/UModal>\n \u003CUButton\n variant=\"outline\"\n color=\"neutral\"\n @click=\"\"\n >\n Other Button\n \u003C/UButton>\n \u003C/UButtonGroup>\n\u003C/template>\n```\n\n\u003Cimg width=\"362\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/da66f0d8-fc42-45a5-b1e1-d7214468b24a\" />\n\n\u003Cbr>\n\n\u003Cimg width=\"543\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a50767ec-bea5-4c88-9b45-963f8e81e5df\" />\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2989,2990],{"name":2948,"color":2949},{"name":2954,"color":2955},2978,"The button styles in UModal body should not be affected by UButtonGroup.","2025-02-07T15:32:58Z","https://github.com/nuxt/ui/issues/2978",0.7265731,{"labels":2997,"number":3003,"owner":2906,"repository":2906,"state":2939,"title":3004,"updated_at":3005,"url":3006,"score":3007},[2998,3000],{"name":2975,"color":2999},"8DEF37",{"name":3001,"color":3002},"2.x","d4c5f9",8749,"Add 'active' and 'exact-active' events to ( nuxt-link ) component","2023-01-22T15:52:45Z","https://github.com/nuxt/nuxt/issues/8749",0.7278103,{"description":3009,"labels":3010,"number":3013,"owner":2906,"repository":2966,"state":2939,"title":3014,"updated_at":3015,"url":3016,"score":3017},"On hover, border effect doesn't work on Firefox/Safari",[3011],{"name":2948,"color":3012},"ff281a",1136," Cards: border","2023-02-15T12:31:10Z","https://github.com/nuxt/nuxt.com/issues/1136",0.72901285,["Reactive",3019],{},["Set"],["ShallowReactive",3022],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fzUN88LSJpF0l6G0HMnzT0VwYxaJq7Kec6mAnthee8XU":-1},"/nuxt/icon/320"]