\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```",[2889],{"name":2866,"color":2880},31512,"unable to reference element of server component","2025-03-23T21:01:09Z","https://github.com/nuxt/nuxt/issues/31512",0.7401538,{"description":2896,"labels":2897,"number":2901,"owner":2869,"repository":2870,"state":2902,"title":2903,"updated_at":2904,"url":2905,"score":2906},"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 `{}`.",[2898],{"name":2899,"color":2900},"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":2908,"labels":2909,"number":2919,"owner":2869,"repository":2920,"state":2902,"title":2921,"updated_at":2922,"url":2923,"score":2924},"### 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",[2910,2913,2916],{"name":2911,"color":2912},"bug","d73a4a",{"name":2914,"color":2915},"needs reproduction","CB47CF",{"name":2917,"color":2918},"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":2926,"labels":2927,"number":2928,"owner":2869,"repository":2929,"state":2902,"title":2930,"updated_at":2931,"url":2932,"score":2933},"- [ ] 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":2935,"labels":2936,"number":2944,"owner":2869,"repository":2920,"state":2902,"title":2945,"updated_at":2946,"url":2947,"score":2948},"### 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",[2937,2940,2943],{"name":2938,"color":2939},"enhancement","a2eeef",{"name":2941,"color":2942},"wontfix-v2","ffffff",{"name":2917,"color":2918},2569,"Display zod validation errors based on prefix","2024-11-11T18:28:09Z","https://github.com/nuxt/ui/issues/2569",0.7238644,{"description":2950,"labels":2951,"number":2954,"owner":2869,"repository":2920,"state":2902,"title":2955,"updated_at":2956,"url":2957,"score":2958},"### 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```",[2952,2953],{"name":2911,"color":2912},{"name":2917,"color":2918},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":2960,"number":2966,"owner":2869,"repository":2869,"state":2902,"title":2967,"updated_at":2968,"url":2969,"score":2970},[2961,2963],{"name":2938,"color":2962},"8DEF37",{"name":2964,"color":2965},"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":2972,"labels":2973,"number":2976,"owner":2869,"repository":2929,"state":2902,"title":2977,"updated_at":2978,"url":2979,"score":2980},"On hover, border effect doesn't work on Firefox/Safari",[2974],{"name":2911,"color":2975},"ff281a",1136," Cards: border","2023-02-15T12:31:10Z","https://github.com/nuxt/nuxt.com/issues/1136",0.72901285,["Reactive",2982],{},["Set"],["ShallowReactive",2985],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fzUN88LSJpF0l6G0HMnzT0VwYxaJq7Kec6mAnthee8XU":-1},"/nuxt/icon/320"]