| \u003Cimg width=\"403\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/de628eac-77c1-4994-9986-bdf53b5f3dad\" /> |\n\n## Reproduction\n\n- Stackblitz: https://stackblitz.com/edit/github-yzt752qo?file=nuxt.config.ts,tailwind.config.js\n\nApparently, it's not reproducible in Stackblitz: https://github.com/nuxt/fonts/issues/438#issuecomment-2560376071\n\nHopefully, the Stackblitz is enough to demonstrate the issue, thought.",[],578,"fonts","Variation Settings not applied in variable fonts","2025-03-23T01:49:12Z","https://github.com/nuxt/fonts/issues/578",0.7662773,{"description":2885,"labels":2886,"number":2890,"owner":2868,"repository":2891,"state":2892,"title":2893,"updated_at":2894,"url":2895,"score":2896},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v22.3.0`\r\n- Nuxt Version: `3.13.1`\r\n- CLI Version: `3.13.1`\r\n- Nitro Version: `2.9.7`\r\n- Package Manager: `yarn@1.22.22`\r\n- Builder: `-`\r\n- User Config: `compatibilityDate`, `devtools`, `modules`, `plugins`, `runtimeConfig`, `i18n`\r\n- Runtime Modules: `@nuxt/ui@2.18.4`, `@nuxtjs/i18n@8.5.1`\r\n- Build Modules: `-`\r\n\n\n### Version\n\nv2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-jfdc58?file=app.vue,app.config.ts\n\n### Description\n\n## Description\r\nThe Nuxt UI notification component is currently being created and added to the DOM even when no toast has been triggered. This behavior leads to unintended consequences due to the component's z-index:\r\n\r\nThe notification component occupies part of the screen unnecessarily.\r\nIt overlaps other elements on the page due to its z-index, potentially disrupting the user interface.\r\n\r\n## Expected Behavior\r\nThe notification component should only be created and added to the DOM when a toast is actually triggered.\r\n\r\n## Current Behavior\r\nThe notification component is always present in the DOM, regardless of whether a toast has been triggered or not.\r\n\r\n## Steps to Reproduce\r\n\r\n- Implement the Nuxt UI notification component in a project.\r\n- Inspect the DOM without triggering any toasts.\r\n- Observe that the notification component is present and has a z-index applied.\r\n\r\n## Additional Context\r\nThis issue affects the usability and performance of applications using the Nuxt UI notification component. Resolving it would improve both the user experience and the overall efficiency of the component.\r\n\r\n## Possible Solution\r\nConsider implementing a conditional rendering approach where the notification component is only added to the DOM when it's actually needed (i.e., when a toast is triggered).\r\n\u003Cimg width=\"1427\" alt=\"Screenshot 2024-09-04 at 6 29 00 PM\" src=\"https://github.com/user-attachments/assets/da90352f-71e6-4aaf-9bda-7a9e4a3fd056\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2887],{"name":2888,"color":2889},"bug","d73a4a",2113,"ui","closed","Notification component created even when toast is not triggered, causing z-index issues","2024-11-09T10:24:37Z","https://github.com/nuxt/ui/issues/2113",0.68079484,{"description":2898,"labels":2899,"number":2907,"owner":2868,"repository":2891,"state":2892,"title":2908,"updated_at":2909,"url":2910,"score":2911},"### Environment\n\n(CodeSandbox) \n- Operating System: Linux\n- Node Version: v20.12.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.7\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: modules, devtools, compatibilityDate, future\n- Runtime Modules: @nuxt/ui@3.0.2\n- Build Modules: -\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/quirky-pare-zxxn6x\n\n### Description\n\nThe RadioGroup component does not accept boolean values, despite the documentation saying it should. I'm not sure if this is a bug or is intended and the documentation is wrong.\n\nIn the provided codesandbox (using v3.0.2) you can see the type errors in the code, as well as buggy behavior in the app.\n\nDocs: https://github.com/nuxt/ui/blob/9ec159e20793a0f7346ad4ec9c0fe142320f0fa2/docs/content/3.components/radio-group.md?plain=1#L20\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2900,2901,2904],{"name":2888,"color":2889},{"name":2902,"color":2903},"v3","49DCB8",{"name":2905,"color":2906},"triage","ffffff",3724,"RadioGroup does not accept booleans","2025-04-03T10:21:37Z","https://github.com/nuxt/ui/issues/3724",0.6915357,{"description":2913,"labels":2914,"number":2919,"owner":2868,"repository":2891,"state":2892,"title":2920,"updated_at":2921,"url":2922,"score":2923},"### Environment\n\n### Description\n\nThe `ID` column is not displayed when it is the first element in the columns array and item selection is enabled in the NuxtUI table.\n\n``` js\nconst columns = [\n {\n key: 'id',\n label: 'ID',\n },\n {\n key: 'displayName',\n label: 'Display Name',\n },\n {\n key: 'email',\n label: 'Email',\n }\n]\n```\n\n\n\n### Expected Behavior\n\nThe `ID` column should be displayed correctly regardless of its position in the columns array.\n\n### Workaround\n\nAdding a placeholder column before the `ID` column resolves the issue temporarily.\n\n```js\nconst columns = [\n {\n key: 'placeholder',\n },\n```\n\n\n\n\n### Environment\n\n- NuxtUI Version: 2.20.0\n- Browser: Chrome\n- Operating System: Windows 11\n\n### Version\n\n2.20.0\n\n### Reproduction\n\n### Steps to Reproduce\n\n1. Create a table with item selection enabled.\n2. Set a `ID` column as the first element in the columns array.\n3. Observe that the `ID` column is not displayed.\n",[2915,2916],{"name":2888,"color":2889},{"name":2917,"color":2918},"duplicate","cfd3d7",3040,"Columns [0] Element Does not Display if the Table is Selectable","2025-01-08T10:01:01Z","https://github.com/nuxt/ui/issues/3040",0.703135,{"description":2925,"labels":2926,"number":2929,"owner":2868,"repository":2891,"state":2892,"title":2930,"updated_at":2931,"url":2932,"score":2933},"### Environment\n\n Operating System: Linux\n- Node Version: v20.15.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.7.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxtjs/i18n@9.1.1, @nuxt/ui@3.0.0-alpha.10, @pinia/nuxt@0.9.0, nuxt-viewport@2.2.0, @nuxthub/core@0.8.7, nuxt-auth-utils@0.5.6, @nuxt/fonts@0.10.3\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.10\n\n### Reproduction\n\n```vue\n//dont work\n\u003CUSelect variant=\"none\" class=\"w-full\" label-key=\"name\" value-key=\"id\" multiple\n @update:model-value=\"testFunctionArray\" @change=\"testFunctionArray\"\n v-model=\"row.original.permissionsModel\" :items=\"permissions\">\n\u003C/USelect>\n```\n\n```vue\n//work fine\n\u003CUSelect variant=\"none\" class=\"w-full\" label-key=\"name\" value-key=\"id\"\n @update:model-value=\"testFunction\" @change=\"testFunction\"\n v-model=\"row.original.permissionModel\" :items=\"permissions\">\n\u003C/USelect>\n```\n\n### Description\n\n`testFunctionArray` is never called if multiple prop is set to true\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2927,2928],{"name":2888,"color":2889},{"name":2902,"color":2903},2953,"USelect with multiple prop does not trigger event when model-value change","2025-01-25T13:12:19Z","https://github.com/nuxt/ui/issues/2953",0.7264876,{"description":2935,"labels":2936,"number":2938,"owner":2868,"repository":2891,"state":2892,"title":2939,"updated_at":2940,"url":2941,"score":2942},"### Environment\r\n\r\n- Operating System: Linux\r\n- Node Version: v18.16.1\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@9.6.0\r\n- Builder: -\r\n- User Config: devtools, colorMode, css, runtimeConfig, modules, device, compatibilityDate\r\n- Runtime Modules: @nuxtjs/device@3.1.1, @nuxt/ui@2.18.4, @pinia/nuxt@0.5.1, @nuxt/image@1.7.0\r\n\r\n### Version\r\n\r\nv2.18.4\r\n\r\n### Reproduction\r\n\r\nN/A - website is still in beta, not ready for launch/links\r\n\r\n### Description\r\n\r\nCarousel appears to be working. When included, the indicator buttons do appear and work but also throw an error in the JS console. The arrows also work.\r\n\r\n### HTML\r\n```\r\n \u003CUCarousel\r\n v-slot=\"{ item }\"\r\n :items=\"photos\"\r\n :ui=\"{\r\n item: 'basis-full',\r\n indicators: {\r\n active: 'bg-primary-500 dark:bg-white',\r\n inactive: 'bg-gray-700 dark:bg-gray-900 mix-blend-overlay',\r\n },\r\n }\"\r\n class=\"sm:rounded overflow-hidden\"\r\n :prev-button=\"{\r\n color: 'gray',\r\n icon: 'i-heroicons-chevron-left',\r\n }\"\r\n :next-button=\"{\r\n color: 'gray',\r\n icon: 'i-heroicons-chevron-right',\r\n }\"\r\n arrows\r\n >\r\n \u003C!-- indicators -->\r\n\r\n```\r\n\r\n### JS console error\r\n```\r\nruntime-core.esm-bundler.js?v=87832025:1627 \r\n\r\nUncaught (in promise) RangeError: Invalid array length\r\n at renderList (runtime-core.esm-bundler.js?v=87832025:1627:11)\r\n at Proxy._sfc_render (Carousel.vue:195:67)\r\n at renderComponentRoot (runtime-core.esm-bundler.js?v=87832025:6286:16)\r\n at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js?v=87832025:5044:26)\r\n at ReactiveEffect.run (reactivity.esm-bundler.js?v=87832025:150:19)\r\n at instance.update (runtime-core.esm-bundler.js?v=87832025:5097:17)\r\n at callWithErrorHandling (runtime-core.esm-bundler.js?v=87832025:200:33)\r\n at flushJobs (runtime-core.esm-bundler.js?v=87832025:413:9)\r\n```\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2937],{"name":2888,"color":2889},2045,"Indicators causing bug in Carousel: \"invalid array length\"","2024-10-23T20:25:45Z","https://github.com/nuxt/ui/issues/2045",0.7342144,{"description":2944,"labels":2945,"number":2949,"owner":2868,"repository":2868,"state":2892,"title":2950,"updated_at":2951,"url":2952,"score":2953},"\r\n\u003Cimg width=\"638\" alt=\"image\" src=\"https://user-images.githubusercontent.com/24729021/190970189-faafbb0d-45f3-4836-9bb2-0d3ca0b518e5.png\">\r\n",[2946],{"name":2947,"color":2948},"3.x","29bc7f",14959,"500 [vite-node] [plugin:vite:import-analysis] ./node_modules/nuxt/dist/app/entry.mjs","2023-01-19T17:43:07Z","https://github.com/nuxt/nuxt/issues/14959",0.7373091,{"description":2955,"labels":2956,"number":2958,"owner":2868,"repository":2868,"state":2892,"title":2959,"updated_at":2960,"url":2961,"score":2962},"https://nuxt.com/docs/guide/directory-structure/middleware#format\r\n\r\n\r\n\r\n\r\n\r\n",[2957],{"name":2947,"color":2948},15632,"bug: docs `{` ","2023-01-19T18:19:54Z","https://github.com/nuxt/nuxt/issues/15632",0.7378618,{"description":2964,"labels":2965,"number":2973,"owner":2868,"repository":2868,"state":2892,"title":2974,"updated_at":2975,"url":2976,"score":2977},"### Environment\r\n\"devDependencies\": {\r\n \"@types/node\": \"^18\",\r\n \"nuxt\": \"3.5.0\"\r\n },\r\n \"dependencies\": {\r\n \"mysql2\": \"^3.3.1\",\r\n \"sass\": \"^1.62.1\",\r\n \"sass-loader\": \"10\"\r\n }\r\n \r\n### Reproduction\r\n{ 15:40:59\r\n _from: 'server',\r\n isapi: '1',\r\n token: '1111111111111111111111111',\r\n host: 'localhost'\r\n} headers\r\n[2023/5/19 15:40:59] request url: /api/hello?a=1&_=1684482059872&_from=server,正常拦截 可以打打日志啥的 15:40:59\r\n{ 15:41:16\r\n cookie: 'rememberMe=true; username=youlang; sidebarStatus=1; password=mpCR99cInCYW75bZGY1mQc9LQLd56+ak3+aRaOGnxJeobrBqz5GKfrS6jn9z2BeBjjv4CPMmAhyfJGcpAbCSUw==; Admin-Token=eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjEwZDg0YjhmLTJiOGUtNDVhYS04Njg4LTNhYTU5OTg0NjgyOSJ9.W0zwL5cN6lqjSjPanoXGf1xYgZ0QIdZ3mnzpfLyB-9nZ4hktx0GZhJgvL2_eYJ5X1qeY_KAl0twb4ZMcEh0cQw; foo=%7B%22a%22%3A86%7D; 1111111111111111111111111; token=1111111111111111111111111; is_login=184',\r\n 'accept-language': 'zh-CN,zh;q=0.9',\r\n 'accept-encoding': 'gzip, deflate, br',\r\n referer: 'http://localhost:3000/home/detail/child2',\r\n 'sec-fetch-dest': 'empty',\r\n 'sec-fetch-mode': 'cors',\r\n 'sec-fetch-site': 'same-origin',\r\n accept: '*/*',\r\n 'sec-ch-ua-platform': '\"Windows\"',\r\n token: '',\r\n 'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36',\r\n 'sec-ch-ua-mobile': '?0',\r\n isapi: '1',\r\n _from: 'client',\r\n 'sec-ch-ua': '\"Google Chrome\";v=\"113\", \"Chromium\";v=\"113\", \"Not-A.Brand\";v=\"24\"',\r\n 'cache-control': 'no-cache',\r\n pragma: 'no-cache',\r\n connection: 'close',\r\n host: 'localhost:3000',\r\n 'x-forwarded-for': '::1',\r\n 'x-forwarded-port': '63378',\r\n 'x-forwarded-proto': 'IPv6'\r\n} headers\r\n[2023/5/19 15:41:16] request url: /api/hello?a=1&_=1684482076450&_from=client,正常拦截 可以打打日志啥的 \r\n\r\n\r\n\r\nno\r\n\r\n### Describe the bug\r\n\r\n\r\nuserAsyncData $fetch 在服务端和客户端 同一个请求 headers 有差别,或者说 为啥服务端上的cookies丢失\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2966,2967,2970],{"name":2947,"color":2948},{"name":2968,"color":2969},"pending triage","E99695",{"name":2971,"color":2972},"needs reproduction","FBCA04",20948,"userAsyncData $fetch 在服务端和客户端 同一个请求 headers 有差别,或者说 为啥服务端上的cookies丢失","2023-05-29T08:53:45Z","https://github.com/nuxt/nuxt/issues/20948",0.75006074,["Reactive",2979],{},["Set"],["ShallowReactive",2982],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fBtn2CNTqWehV5VcLdU7wUxkBCxwWREOZudTpnGPCYLY":-1},"/nuxt/ui/3213"]