\r\n\u003C/template>\r\n\u003Cscript setup>\r\nconst show = ref(false)\r\n\u003C/script>\r\n\u003Cscript setup>\r\nconst {error, data} = await useFetch('https://ord.uib.no/bm/fil/article100new.json')\r\n\u003C/script>\r\n```\r\n\r\n\r\n#### **`app.vue`**\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cbutton @click=\"show=!show\">toggle\u003C/button>\r\n \u003CPage v-if=\"show\"/>\r\n\u003C/template>\r\n\u003Cscript setup>\r\nconst show = ref(false)\r\n\u003C/script>\r\n```\r\n\r\nAfter the page has finished loading in the browser, disconnect from the internet, or select 'offline' in the browser devtools. Then click the button to render the Page-component. The error message will be \"\u003Cno response> Failed to fetch\", with status code 500.\r\n\r\n\r\n\r\n### Describe the bug\r\n\r\nWhen internet connection is lost, useFetch returns it as an internal server error when using an external API:\r\n{ \"cause\": \"TypeError: Failed to fetch\", \"message\": \"[GET] \\\"https://ord.uib.no/bm/fil/article100new.json\\\": \u003Cno response> Failed to fetch\", \"name\": \"Error\", \"statusCode\": 500 }\r\n\r\nIn the browser devtools I see an error code in fetch.js that makes more sense: net::ERR_INTERNET_DISCONNECTED, but I'm unable to capture this with useFetch.\r\n\r\n### Additional context\r\nThe error code is 500 even if SSR is disabled.\r\n\r\n### Logs\r\n\r\n_No response_",[2004,2006,2009,2012],{"name":1985,"color":2005},"8DEF37",{"name":2007,"color":2008},"workaround available","11376d",{"name":2010,"color":2011},"upstream","E8A36D",{"name":2013,"color":2014},"馃嵃 p2-nice-to-have","0E8A16",24334,"Misleading error message in useFetch","2024-06-30T11:06:51Z","https://github.com/nuxt/nuxt/issues/24334",0.7572759,{"description":2021,"labels":2022,"number":2026,"owner":1994,"repository":1995,"state":1996,"title":2027,"updated_at":2028,"url":2029,"score":2030},"### Description\n\nCurrently when creating an overlay programmatically with the `create` method on `useOverlay` there is no way to pass event emitters to the component.\n\n### Additional context\n\n_No response_",[2023,2024,2025],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1991,"color":1992},3842,"Add ability to pass event emitters to overlays","2025-04-09T13:54:30Z","https://github.com/nuxt/ui/issues/3842",0.7673374,{"description":2032,"labels":2033,"number":2037,"owner":1994,"repository":1995,"state":2038,"title":2039,"updated_at":2040,"url":2041,"score":2042},"### Description\n\nI'd like a way to define the max width (with of the panel) to be defined by property. If i'm not mistaking the only way to achieve this right now is to make it global by changing the configuration. \r\n",[2034],{"name":2035,"color":2036},"question","d876e3",2151,"closed","SlideOver max-width property","2024-09-06T20:40:57Z","https://github.com/nuxt/ui/issues/2151",0.7077664,{"description":2044,"labels":2045,"number":2051,"owner":1994,"repository":1995,"state":2038,"title":2052,"updated_at":2053,"url":2054,"score":2055},"### Environment\n\nOperating System: Windows_NT\nNode Version: v22\nNuxt Version: 3.16.1\nCLI Version: 3.23.1\nNitro Version: 2.11.7\nPackage Manager: npm@10.8.2\nBuilder: -\nUser Config: devtools, modules, css, future, compatibilityDate\nRuntime Modules: @nuxt/ui@3.0.2, @nuxt/eslint@1.2.0, @nuxt/content@3.4.0, @vueuse/nuxt@13.0.0, @nuxt/image@1.10.0\nBuild Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16\n\n### Reproduction\n\n1. create a reaactive items array which will be used as data \n items = ref([\"Backlog\", \"Todo\", \"In Progress\" ]);\n2. create a Utable in template\n3. assing items array as data\n \u003CUTable :data= \"items\"/>\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```",[2046,2049,2050],{"name":2047,"color":2048},"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.720977,{"description":2057,"labels":2058,"number":2061,"owner":1994,"repository":1995,"state":2038,"title":2062,"updated_at":2063,"url":2064,"score":2065},"### Description\n\nHow do I override e.g. `ui.modal.variants.fullscreen.false` styles for just one element?",[2059,2060],{"name":2035,"color":2036},{"name":1988,"color":1989},3704,"How to override variants for single components","2025-03-28T08:52:19Z","https://github.com/nuxt/ui/issues/3704",0.7371233,{"description":2067,"labels":2068,"number":2072,"owner":1994,"repository":1995,"state":2038,"title":2073,"updated_at":2074,"url":2075,"score":2076},"### 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```",[2069,2070,2071],{"name":2047,"color":2048},{"name":1988,"color":1989},{"name":1991,"color":1992},3821,"Table is not reactive","2025-04-08T10:36:33Z","https://github.com/nuxt/ui/issues/3821",0.7426333,{"description":2078,"labels":2079,"number":2080,"owner":1994,"repository":2081,"state":2038,"title":2082,"updated_at":2083,"url":2084,"score":2085},"- [x] Colors & Fonts\n- [x] Landing page (Home)\n- [x] Showcase categories/hero\n- [x] Modules categories/hero\n- [x] Blog categories/hero\n- [x] Support hero/content",[],1305,"nuxt.com","Marketing Update","2023-07-04T10:00:31Z","https://github.com/nuxt/nuxt.com/issues/1305",0.7474069,{"description":2087,"labels":2088,"number":2091,"owner":1994,"repository":1995,"state":2038,"title":2092,"updated_at":2093,"url":2094,"score":2095},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\n### Environment\n\n* Operating System: Linux\n* Node Version: v20.15.1\n* Nuxt Version: 3.14.1592\n* Package Manager: npm@10.7.0\n* Nuxt UI: v3.0.0-alpha.x\n\n### Description\nHello, I have the following configurations; \n\n#### assets/css/main.css\n```css\n@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n@theme {\n /* Font Family Extend */\n --font-display: 'Work Sans', sans-serif;\n --font-content: 'Roboto', sans-serif;\n --font-condensed: 'Roboto Condensed', sans-serif;\n\n\n /* Color Extend */\n --color-brand-50: #fef4ee;\n --color-brand-100: #fcdbc5;\n --color-brand-200: #facaae;\n --color-brand-300: #f6a57b;\n --color-brand-400: #f27545;\n --color-brand-500: #ee5221;\n --color-brand-600: #df3917;\n --color-brand-700: #b92915;\n --color-brand-800: #932219;\n --color-brand-900: #772017;\n --color-brand-950: #400d0a;\n}\n\n:root {\n --ui-primary: var(--color-brand-500);\n}\n```\n\nand my nuxt.config.ts file; \n```ts\nexport default defineNuxtConfig({\n // ....\n modules: ['@nuxt/ui', '@pinia/nuxt'],\n css: ['~/assets/css/main.css', '~/assets/scss/common.scss'],\n vite: {\n css: {\n preprocessorOptions: {\n scss: { api: 'modern-compiler' }\n }\n }\n },\n // ....\n});\n```\nWith the configurations defined as above when i set ssr:false in my nuxt.config.ts, my custom color called 'brand' is not applied to components and the default green is used from the tailwind. With ssr: true everything is ok with `npm run dev`. I also tried to set the color 'brand' in app.config.ts \n\n```ts\nexport default defineAppConfig({\n ui:{\n colors: {\n primary: 'brand'\n }\n }\n});\n``` \nwith this setting again everything works but this time ts complains about `Type '\"brand\"' is not assignable to type 'Color | undefined'.ts(2322)`. \n\nI did not find a true way to set colors from extended tailwindcss color palette. Thanks in advance for any help.\n\n\nThe following screenshot; ssr: false and primary color defined on ```:root {}``` \n\n\n\nThe following screenshot; ssr: true and primary color defined on ```:root {}``` \n\n\n\n\n \nThe following screenshot; ssr: false and primary color defined on 'appconfig' but this time I have the following error from ts\n\n\n\n\n\n\nEdit 1: \n> [!IMPORTANT]\n> I also tried to extend on a types/colors.d.ts file the `tailwindcss/colors` namespace to add my custom color but no chance\n\n```ts\nimport colors from 'tailwindcss/colors'\n\n\ndeclare module 'tailwindcss/colors' {\n const colors = colors | 'brand'\n export default colors;\n}\n```\n\n",[2089,2090],{"name":2035,"color":2036},{"name":1988,"color":1989},2869,"Use a custom color instead of the predefined Tailwind colors with ssr false","2024-12-16T09:47:16Z","https://github.com/nuxt/ui/issues/2869",0.7562713,{"description":2097,"labels":2098,"number":2109,"owner":1994,"repository":1994,"state":2038,"title":2110,"updated_at":2111,"url":2112,"score":2113},"### Environment\n\n------------------------------\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.0.0-rc.11`\r\n- Nitro Version: `0.5.4`\r\n- Package Manager: `npm@8.5.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\n[nuxt-demo.zip](https://github.com/nuxt/framework/files/9740912/nuxt-demo.zip)\r\n\n\n### Describe the bug\n\nWhen I comment this code, it runs with an error\r\n\r\n\r\n\r\nand I'm not getting any valid error messages\r\n\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2099,2102,2105,2106],{"name":2100,"color":2101},"3.x","29bc7f",{"name":2103,"color":2104},"dx","C39D69",{"name":2047,"color":2048},{"name":2107,"color":2108},"馃敤 p3-minor","FBCA04",15114,"[VITE_ERROR] I'm not getting any valid error messages","2023-01-19T17:44:57Z","https://github.com/nuxt/nuxt/issues/15114",0.75856084,["Reactive",2115],{},["Set"],["ShallowReactive",2118],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"EZ0L0L3jX_At6YNvNk0D6HJJe7VOL6CFAY5Nx4Us3Ag":-1},"/nuxt/ui/2002"]