\n4. add items to array \n \u003Ctempalte>\n \u003CUButton label=\"add\" @click=\"addItem\" />\n\n\n \u003CScript setup>\n const addItem = () => { items.value.push(\"Done\")}\n5. check table rows\n\n\nActual Result\nnew item is added to array but not in table until nex hot reload\n\nExpected result\nnew item should be added to table rows, as NuxUI V2\n\n\nnote: same issue adding colums props\n\n### Description\n\nUTable is not showing new items added to reactive array used for data until nex hot module reload\n\n\nhttps://codesandbox.io/p/devbox/fancy-hill-5fr65h?workspaceId=ws_Xcg6XEDPVvQDQh4Bj2yVGA\n\n\n### Additional context\n\n\u003Ctemplate>\n \u003CUContainer>\n \u003CUButton label=\"add\" @click=\"addItem\" />\n \u003CUTable :data= \"items\"/>\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst items = ref([\"Backlog\", \"Todo\", \"In Progress\" ]);\n\nconst addItem = () => {\n // pushing done to items array is no updated in table rows\n items.value.push(\"Done\")\n console.log(items.value)\n\n // Work arrond.\n // create a new arry reference an then assing it to items\n // this way new row is being added to table\n // const arr = items.value\n // items.value = [...arr]\n }\n\u003C/script>\n\n### Logs\n\n```shell-script\n\n```",[2061,2064,2065],{"name":2062,"color":2063},"bug","d73a4a",{"name":1988,"color":1989},{"name":1991,"color":1992},3732,"[Table] new item added to array is not rendered in table","2025-03-30T08:41:27Z","https://github.com/nuxt/ui/issues/3732",0.75699973,{"description":2072,"labels":2073,"number":2076,"owner":1994,"repository":1995,"state":2008,"title":2077,"updated_at":2078,"url":2079,"score":2080},"### 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\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\nRepo: https://github.com/Cyanhall/nuxt-ui-v3-demo/tree/main/demo3\n\nCode: https://github.com/Cyanhall/nuxt-ui-v3-demo/blob/main/demo3/app/components/SearchPalette.vue#L46\n\n### Description\n\nThe placeholder in UInput within UModal does not display.\n\n```vue\n\u003CUInput\n class=\"w-full mb-4\"\n size=\"sm\"\n icon=\"i-lucide-search\"\n placeholder=\"Search...\"\n>\n \u003Ctemplate #trailing>\n \u003CUKbd value=\"shift\" />\n \u003CUKbd value=\"G\" />\n \u003C/template>\n\u003C/UInput>\n```\n\u003Cimg width=\"496\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/be2e8457-b3ac-4b70-838b-2b2b7399c091\" />\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2074,2075],{"name":2062,"color":2063},{"name":1988,"color":1989},2977,"The placeholder in UInput within UModal does not display","2025-03-03T09:06:21Z","https://github.com/nuxt/ui/issues/2977",0.75882083,{"description":2082,"labels":2083,"number":2086,"owner":1994,"repository":1994,"state":2008,"title":2087,"updated_at":2088,"url":2089,"score":2090},"### Version\n\n[v2.2.0](https://github.com/nuxt.js/releases/tag/v2.2.0)\n\n### Reproduction link\n\n[https://github.com/gnuletik/nuxt-duplicate-meta](https://github.com/gnuletik/nuxt-duplicate-meta)\n\n### Steps to reproduce\n\nHere is how to reproduce from the official template:\n\nIn `layouts/default.vue`\n```\n\u003Cscript>\nlet tags = {\n meta: []\n}\n\nexport default {\n name: 'app',\n head () {\n tags.meta.push({\n property: 'og:url',\n content: this.$router.history.current.path,\n hid: 'metaogurl'\n })\n return tags\n }\n}\n\u003C/script>\n```\n\nThen, refresh your pages several times or navigate through some pages.\n\nIn your browser's console, run:\n\n```\ndocument.querySelectorAll('meta[property=\"og:url\"]')\n\n1: \u003Cmeta data-n-head=\"true\" property=\"og:url\" content=\"/\" data-hid=\"metaogurl\">\n2: \u003Cmeta data-n-head=\"true\" property=\"og:url\" content=\"/\" data-hid=\"metaogurl\">\n3: \u003Cmeta data-n-head=\"true\" property=\"og:url\" content=\"/\" data-hid=\"metaogurl\">\n```\n\nThe meta tag is duplicated.\n\nI fixed it by making a copy of the arrays instead of pushing into it:\n\nIn `src/layouts/default.vue`\n```\n head () {\n let tags = this.cms.tags() // Or whatever you use\n // clone is required to avoid duplicates\n let clone = {\n htmlAttrs: Object.assign({}, tags.htmlAttrs),\n link: tags.link.slice(0),\n meta: tags.meta.slice(0)\n }\n clone.meta.push({\n property: 'og:url',\n content: this.$router.history.current.path,\n hid: 'metaogurl',\n })\n return clone\n }\n```\n\nI don't know if this should be fixed by nuxt or vue-meta.\n\n### What is expected ?\n\nNon duplicated meta tags\n\n### What is actually happening?\n\nDuplicated meta tags\n\n### Additional notes\n\nThis bug report is a duplicate of https://cmty.app/nuxt/nuxt.js/issues/c2521 as the comments in this post are not anymore reported back to github.\n\n\u003C!--cmty-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8094\">#c8094\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2084,2085],{"name":2050,"color":2051},{"name":2017,"color":2018},4282,"Duplicated meta tags on SSR","2023-01-22T15:30:07Z","https://github.com/nuxt/nuxt/issues/4282",0.7595258,{"description":2092,"labels":2093,"number":2096,"owner":1994,"repository":1995,"state":2008,"title":2097,"updated_at":2098,"url":2099,"score":2100},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.11.1\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.11.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.8, @nuxtjs/html-validator@1.8.2, @nuxt/image@1.8.1, @nuxt/eslint@0.6.1, @nuxtjs/seo@2.0.0-rc.23\n- Build Modules: -\n------------------------------\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n\"@nuxt/ui\": \"3.0.0-alpha.8\",\n\n### Reproduction\n\n\u003C!-- layouts/default.vue -->\n\u003Ctemplate>\n \u003Cdiv class=\"container mx-auto\">\n \u003Cu-breadcrumb :items=\"items \" />\n \u003Cslot>\u003C/slot>\n \u003C/div>\n\u003C/template>\n\n\n\u003Cscript lang=\"ts\" setup>\nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst items = useBreadcrumbItems({\n schemaOrg: true,\n});\n\u003C/script>\n\n\n### Description\n\nthis will render the breadcrumbs in a \u003Cdiv> with an aria-label, which is a violation of this rule: https://html-validate.org/rules/aria-label-misuse.html\n\n- Rule ID: aria-label-misuse\n- Category: Accessibility\n- Standards: WCAG 2.2 (A)WCAG 2.1 (A)WCAG 2.0 (A)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n ERROR HTML validation errors found for /song/justice-genesis-1\n\ninline\n 129:21990 error \"aria-label\" cannot be used on this element aria-label-misuse\n\n✖ 1 problem (1 error, 0 warnings)\n\nMore information:\n https://html-validate.org/rules/aria-label-misuse.html\n\n```",[2094,2095],{"name":2062,"color":2063},{"name":1988,"color":1989},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.76023555,["Reactive",2102],{},["Set"],["ShallowReactive",2105],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"TUGzZwNdy3bYksKCqi8n4XImMGV1BrniEG-qgA94oY4":-1},"/nuxt/ui/3765"]