\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```",[2000,2003,2006],{"name":2001,"color":2002},"bug","d73a4a",{"name":2004,"color":2005},"v3","49DCB8",{"name":2007,"color":2008},"triage","ffffff",3732,"ui","closed","[Table] new item added to array is not rendered in table","2025-03-30T08:41:27Z","https://github.com/nuxt/ui/issues/3732",0.6883002,{"description":2017,"labels":2018,"number":2023,"owner":1991,"repository":1991,"state":2011,"title":2024,"updated_at":2025,"url":2026,"score":2027},"### Environment\n\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.12.2\r\n- Nuxt Version: 3.9.0\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.5.0\r\n- Builder: -\r\n- User Config: app, site, robots, sitemap, devtools, ogImage, css, postcss, modules, build, vite\r\n- Runtime Modules: nuxt-icon@0.6.10, @nuxt/image@1.5.0, @nuxtjs/seo@2.0.0-rc.10\r\n- Build Modules: -\r\n------------------------------\r\n\n\n### Reproduction\n\n\r\nhttps://github.com/nuxt/nuxt/assets/68179477/c0ff6166-bd48-4c99-b868-f0a98de82672\r\n\r\n\n\n### Describe the bug\n\nundefined is not an object (evaluating'uc.matchAll'\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2019,2022],{"name":2020,"color":2021},"3.x","29bc7f",{"name":1985,"color":1986},26982,"When opened in some browsers, it displays: undefined is not an object (evaluating'uc.matchAll'","2024-04-29T05:24:53Z","https://github.com/nuxt/nuxt/issues/26982",0.7279906,{"description":2029,"labels":2030,"number":2036,"owner":1991,"repository":1991,"state":2011,"title":2037,"updated_at":2038,"url":2039,"score":2040},"### Environment\r\n\r\n% npx nuxi info\r\nWorking directory: /Users/tenna/Desktop/tcgWeb 10:06:22 AM\r\nNuxt project info: (copied to clipboard) 10:06:22 AM\r\n\r\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v22.2.0\r\n- Nuxt Version: 3.12.2\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.6\r\n- Package Manager: yarn@3.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n👉 Report an issue: https://github.com/nuxt/nuxt/issues/new 10:06:22 AM\r\n\r\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\r\n\r\n👉 Read documentation: https://nuxt.com\r\n\r\n### Reproduction\r\n\r\nbrand new project created with\r\n`npx nuxi init tcgWeb`\r\n\r\nReproducible project:\r\nhttps://github.com/ChurikiTenna/tcgWeb\r\n\r\n### Describe the bug\r\n\r\nbrand new project created with\r\n`npx nuxi init tcgWeb`\r\nshows error on localhost.\r\n```\r\n500\r\nundefined is not an object (evaluating 'route.meta')\r\n```\r\n\r\n\r\n### Additional context\r\n\r\nI having added any code yet, haven't installed any packages.\r\nSimply created with `npx nuxi init tcgWeb`, then did `yarn dev`\r\n\r\nI cloned the reproducible project to my MacBook, then it worked fine.\r\nIt seems the error occur only on my iMac.\r\n\r\n### Logs\r\n\r\n```shell-script\r\n% yarn dev \r\nNuxt 3.12.2 with Nitro 2.9.6 10:04:48 AM\r\n 10:04:48 AM\r\n ➜ Local: http://localhost:3000/\r\n ➜ Network: use --host to expose\r\n\r\n ➜ DevTools: press Shift + Option + D in the browser (v1.3.6) 10:04:49 AM\r\n\r\nℹ Re-optimizing dependencies because lockfile has changed 10:04:50 AM\r\nℹ Vite server warmed up in 824ms 10:04:50 AM\r\n✔ Nuxt Nitro server built in 604 ms nitro 10:04:51 AM\r\nℹ Vite client warmed up in 1273ms 10:04:51 AM\r\n^C%\r\n```\r\n",[2031,2032,2033],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2034,"color":2035},"closed-by-bot","ededed",27830,"undefined is not an object (evaluating 'route.meta')","2024-07-14T01:57:29Z","https://github.com/nuxt/nuxt/issues/27830",0.7305001,{"description":2042,"labels":2043,"number":2047,"owner":1991,"repository":2010,"state":2011,"title":2048,"updated_at":2049,"url":2050,"score":2051},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.8\n- Package Manager: yarn@1.22.19\n- Builder: -\n- User Config: app, compatibilityDate, devtools, modules, css, runtimeConfig, vuefire\n- Runtime Modules: @nuxt/ui-pro@3.0.2, nuxt-vuefire@1.0.5, @pinia/nuxt@0.10.1\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/stupefied-lucy-jmlxr4\n\n### Description\n\nTable component is not reactive. Here's a simple example where items are added and removed. The 'num items' is updating in the view. However, the table does not remove nor add items.\n\n``` vue\n\u003Ctemplate>\n {{ data.length }} num items\n \u003CUTable :data=\"data\" />\n \u003CUButton label=\"Delete\" @click=\"deleteItem\" />\n \u003CUButton label=\"Add\" @click=\"addItem\" />\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nfunction deleteItem() {\n const randomIndex = Math.floor(Math.random() * data.value.length);\n data.value.splice(randomIndex, 1);\n}\n\nfunction addItem() {\n data.value.push({\n id: Math.floor(Math.random() * 10000).toString(),\n });\n}\n\nconst data = ref([\n {\n id: \"4600\",\n },\n {\n id: \"4599\",\n },\n {\n id: \"4598\",\n },\n {\n id: \"4597\",\n },\n {\n id: \"4596\",\n },\n]);\n\u003C/script>\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2044,2045,2046],{"name":2001,"color":2002},{"name":2004,"color":2005},{"name":2007,"color":2008},3821,"Table is not reactive","2025-04-08T10:36:33Z","https://github.com/nuxt/ui/issues/3821",0.73933166,{"description":2053,"labels":2054,"number":2058,"owner":1991,"repository":1991,"state":2011,"title":2059,"updated_at":2060,"url":2061,"score":2062},"I debug locally and run it locally without any problems, but when I publish it to the server, I encounter this error. I don't know why?\r\n\r\n\r\n\u003Cimg width=\"711\" alt=\"image\" src=\"https://github.com/user-attachments/assets/a211a427-7dc6-440d-b676-b98f81642638\">\r\n\u003Cimg width=\"761\" alt=\"image\" src=\"https://github.com/user-attachments/assets/42627ac1-9bb7-4f99-a359-971c86ee13da\">\r\n```\r\nconst chart = useTemplateRef(\"chart\");\r\n\r\n```\r\n\r\n```\r\n \u003Cdiv ref=\"chart\" class=\"w-full h-full\" v-bind=\"$attrs\">\u003C/div>\r\n\r\n```",[2055,2056,2057],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2034,"color":2035},29224,"echarts Qn[o] is not a constructor","2024-10-08T02:00:26Z","https://github.com/nuxt/nuxt/issues/29224",0.74157965,{"description":2064,"labels":2065,"number":2071,"owner":1991,"repository":2010,"state":2011,"title":2072,"updated_at":2073,"url":2074,"score":2075},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.13.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.23.0\n- Nitro Version: 2.11.6\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate, runtimeConfig\n- Runtime Modules: @nuxt/ui@3.0.0, @nuxt/eslint@1.2.0, nuxt-echarts@0.2.6\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0\n\n### Reproduction\n\n```vue\n\u003Cscript setup lang=\"ts\">\nconst data = ref([\n {\n id: '0',\n },\n])\n\nconst add = () => {\n data.value.push({\n id: `${data.value.length}`,\n })\n console.log(data.value)\n}\n\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv>\n \u003CUTable :data=\"data\" class=\"flex-1\"/>\n \u003CUButton\n @click=\"add\">Add\n \u003C/UButton>\n \u003C/div>\n\u003C/template>\n```\n\n### Description\n\nAfter click the \"add\" button, it will push a new data into dataRef, but the Table will not rendering new data\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2066,2067,2070],{"name":2001,"color":2002},{"name":2068,"color":2069},"duplicate","cfd3d7",{"name":2004,"color":2005},3597,"UTable data updated but UI will not update","2025-03-24T02:11:33Z","https://github.com/nuxt/ui/issues/3597",0.74316156,{"description":2077,"labels":2078,"number":2083,"owner":1991,"repository":2010,"state":2011,"title":2084,"updated_at":2085,"url":2086,"score":2087},"### Description\n\nBefore using `nuxt ui`, I briefly skimmed through the repository and found an already closed issue: [3018](https://github.com/nuxt/ui/issues/3018)\n\nThe error and solution mentioned in this issue (the [v2 documentation](https://ui.nuxt.com/getting-started/installation) indeed did not mention the solution) can actually be resolved by adding `tailwindcss@next` to the `peerDependencies` section in the `package.json` file.\n\nThis is because when [nuxi module add](https://github.com/nuxt/cli/blob/1afc06e8d08ea781fc5fede343de8d68865c2b4e/packages/nuxi/src/commands/module/add.ts#L134) installs a module, it not only installs the module itself but also scans the module package's `peerDependencies`.\n\nFor example, when using `nuxi module add pinia`, since `@pinia/nuxt` has `pinia` listed in its `peerDependencies` in the [package.json](https://github.com/vuejs/pinia/blob/3b21e08b6a068d18112b915b83f702fb5504ab73/packages/nuxt/package.json#L51C4-L51C20), both `@pinia/nuxt` and `pinia` will be automatically installed during the module installation.\n\nIf there are dependencies in `peerDependencies` that you do not want `nuxi module` to install automatically, you can use `peerDependenciesMeta` to ignore them, for [example](https://github.com/atinux/nuxt-auth-utils/blob/6b61b8888e3b3c6f60fd5ff767b7f0aa6cf09fc9/package.json#L57):\n\n```\n\"peerDependenciesMeta\": {\n \"pinia\": {\n \"optional\": true\n }\n },\n```\n\nTherefore, Nuxt UI can specify `tailwindcss@next` in the `peerDependencies` of `package.json`, ensuring Tailwind CSS is automatically installed when the Nuxt UI module is installed.\n\nThis solution applies to both v3 and v2.\n\n> PS: I noticed `typescript` in the `peerDependencies` of the v3 package.json. Is this a necessary dependency similar to `tailwindcss`? If not, after adding tailwindcss, perhaps `peerDependenciesMeta` could be used to ignore it.",[2079,2082],{"name":2080,"color":2081},"question","d876e3",{"name":2004,"color":2005},3349,"Add \"tailwindcss@next\" to the \"peerDependencies\" section in the package.json file.","2025-02-21T17:05:10Z","https://github.com/nuxt/ui/issues/3349",0.75068235,{"description":2089,"labels":2090,"number":2095,"owner":1991,"repository":1991,"state":2011,"title":2096,"updated_at":2097,"url":2098,"score":2099},"\u003Cimg width=\"731\" alt=\"image\" src=\"https://user-images.githubusercontent.com/26525599/210810207-7c33fa46-23f9-4666-9c0e-0c632fc9e0cc.png\">\r\n",[2091,2092],{"name":1985,"color":1986},{"name":2093,"color":2094},"2.x","d4c5f9",10883,"Nodejs19 cannot run. It's a strange bug","2023-01-22T15:48:35Z","https://github.com/nuxt/nuxt/issues/10883",0.75090086,{"labels":2101,"number":2104,"owner":1991,"repository":1991,"state":2011,"title":2105,"updated_at":2106,"url":2107,"score":2108},[2102,2103],{"name":1985,"color":1986},{"name":2093,"color":2094},10173,"Self is not defined Server error","2023-01-22T15:45:12Z","https://github.com/nuxt/nuxt/issues/10173",0.75196713,["Reactive",2110],{},["Set"],["ShallowReactive",2113],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"3ZL7oIsVZ4D_tt0uQvs1ctrUXf9LuIneVPC4ZV-Ce0M":-1},"/nuxt/ui/3923"]