\r\n ...\r\n````\r\n\r\nAdd some page with some async load time so to have the loading indicator show between route change.\n\n### Describe the bug\n\nThe browser view transition diffing makes the NuxtLoadingIndicator invisible up until the page is fully loaded when it shortly flashes to a 100%. If I remove the `viewTransition: true` it works as expected again.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3020,3023,3026],{"name":3021,"color":3022},"good first issue","fbca04",{"name":3024,"color":3025},"bug","d73a4a",{"name":3027,"color":3028},"🔨 p3-minor","FBCA04",21280,"nuxt","open","NuxtLoadingIndicator is broken when using together with experimental.viewTransitions ","2024-11-19T16:20:26Z","https://github.com/nuxt/nuxt/issues/21280",0.6912672,{"description":3037,"labels":3038,"number":3046,"owner":3030,"repository":3047,"state":3031,"title":3048,"updated_at":3049,"url":3050,"score":3051},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.12.0\n- Nuxt Version: 3.17.3\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: modules, devtools, compatibilityDate, future, css\n- Runtime Modules: @nuxt/ui@3.1.3\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.17.3\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/angry-moon-grlpp3\n\n### Description\n\nThe borders of UCard will be hidden in the UCollapsible\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3039,3040,3043],{"name":3024,"color":3025},{"name":3041,"color":3042},"v3","49DCB8",{"name":3044,"color":3045},"triage","ffffff",4383,"ui","Borders of UCard in UCollapsible are hidden","2025-06-22T12:10:37Z","https://github.com/nuxt/ui/issues/4383",0.7034299,{"description":3053,"labels":3054,"number":3058,"owner":3030,"repository":3030,"state":3031,"title":3059,"updated_at":3060,"url":3061,"score":3062},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.18.3\n- Nuxt Version: 3.16.0\n- CLI Version: 3.23.0\n- Nitro Version: 2.11.6\n- Package Manager: pnpm@9.4.0\n- Builder: -\n- User Config: hooks, app, experimental, ssr\n- Runtime Modules: -\n- Build Modules: -\n\n### Reproduction\n\nhttps://github.com/87xie/alexander-lichter-nuxt-spa\n\nSteps to reproduce:\n1. Run `nuxt generate`\n1. Check the `.output/public` directory\n\n### Describe the bug\n\nI followed the [client-rendering documentation](https://nuxt.com/docs/guide/concepts/rendering#deploying-a-static-client-rendered-app) to create a pure client-side rendering app. However, when setting `componentIslands: true` in `nuxt.config.ts` and running `nuxt generate`, the output is missing `index.html`.\n\nCurrently, I do not explicitly enable `componentIslands`, but since I am using the [nuxt-echarts](https://github.com/kingyue737/nuxt-echarts/blob/090346ee2848f3fb3bb9019368b6f4171b1bb3db/src/module.ts#L28-L30) module, this setting is implicitly enabled.\n\nI searched for issues and discussions but found none. If I missed something, feel free to close this.\n\n### Additional context\n\nI tested different Nuxt versions and observed the following behavior:\n\n- **v3.11.2**: `index.html` exists\n- **v3.13.2**: `index.html` missing\n- **v3.16.0**: `index.html` missing\n\n### Logs\n\n```shell-script\n\n```",[3055],{"name":3056,"color":3057},"pending triage","E99695",31434,"Missing `index.html` when `componentIslands: true` in static client-side rendering","2025-03-19T20:16:24Z","https://github.com/nuxt/nuxt/issues/31434",0.71734077,{"description":3064,"labels":3065,"number":3069,"owner":3030,"repository":3047,"state":3070,"title":3071,"updated_at":3072,"url":3073,"score":3074},"### Environment\n\n- Operating System: `Linux`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.17.3`\n- CLI Version: `3.25.1`\n- Nitro Version: `2.11.12`\n- Package Manager: `bun@1.2.13`\n- Builder: `-`\n- User Config: `future`, `compatibilityDate`, `devtools`, `modules`, `css`, `components`, `i18n`, `icon`, `runtimeConfig`, `app`, `hooks`, `site`, `sitemap`, `pwa`, `fonts`\n- Runtime Modules: `@nuxt/eslint@1.4.0`, `@nuxt/fonts@0.11.4`, `@nuxt/image@1.10.0`, `@nuxt/scripts@0.11.7`, `@nuxt/ui@3.1.2`, `@nuxtjs/i18n@9.5.4`, `@vueuse/nuxt@13.2.0`, `@pinia/nuxt@0.11.0`, `@nuxtjs/sitemap@7.2.10`, `@vite-pwa/nuxt@1.0.1`\n- Build Modules: `-`\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/wizardly-shamir-f8924y\n\n### Description\n\nThe `URadioGroup` component's table variant renders borders incorrectly in RTL mode. This appears to be a visual issue specific to RTL layouts. The expected result is that borders should match the appearance of the LTR layout, but they do not.\n\n### Additional context\n\nIn LTR Mode:\n\n\nIn RTL Mode:\n",[3066,3067,3068],{"name":3024,"color":3025},{"name":3041,"color":3042},{"name":3044,"color":3045},4190,"closed","URadioGroup table variant borders display incorrectly in RTL mode","2025-05-22T12:36:45Z","https://github.com/nuxt/ui/issues/4190",0.67679846,{"description":3076,"labels":3077,"number":3086,"owner":3030,"repository":3047,"state":3070,"title":3087,"updated_at":3088,"url":3089,"score":3090},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.14.0\n- Nuxt Version: 3.17.0\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.11\n- Package Manager: pnpm@10.9.0\n- Builder: -\n- User Config: modules, colorMode, image, content, plausible, devtools, hub, css, mdc, nitro, runtimeConfig, routeRules, future, compatibilityDate, eslint\n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/image@1.10.0, @nuxt/ui-pro@3.1.0, @nuxt/content@3.5.1, @nuxthub/core@0.8.25, @nuxtjs/plausible@1.2.0, @vueuse/nuxt@13.1.0, nuxt-og-image@5.1.3\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\n1. Open [saas-template.nuxt.dev](https://saas-template.nuxt.dev/) in Safari on macOS 18.4.\n2. Scroll to the Testimonials section.\n3. Observe that after a line break in the grid, the first card in each new row is not rendered.\n4. Open Safari’s developer tools and disable the first CSS rule:\n```\n:is(.*:will-change-transform>*) {\n will-change: transform;\n}\n```\n5. Observe that the missing cards now appear, but borders render incorrectly.\n\n\n### Description\n\nOn Safari for macOS (Version 18.4 – 20621.1.15.11.10), using @nuxt/ui components in a responsive grid layout causes elements to disappear after a line break. Specifically, the first item in each new row is not rendered when will-change: transform is applied.\n\n**🔍 Context**\nThe issue is reproducible on your official SaaS template: [saas-template.nuxt.dev](https://saas-template.nuxt.dev/), in the testimonial section. This section uses only @nuxt/ui components – no @nuxt/ui-pro components are involved. The relevant code lives in [/app/pages/index.vue](https://github.com/nuxt-ui-pro/saas/blob/main/app/pages/index.vue), lines 58–80.\n\n**📍 Suspected Source**\nIn Safari, the following rule seems to break the layout:\n\n```\n:is(.*:will-change-transform>*) {\n will-change: transform;\n}\n```\nDisabling this rule in Safari's dev tools makes the hidden items visible again. However, doing so causes border-top rendering to break.\n\n\n**📸 Screenshots**\nIssue (first items not rendered):\n\n\nAfter disabling will-change (cards reappear):\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3078,3079,3082,3083],{"name":3024,"color":3025},{"name":3080,"color":3081},"duplicate","cfd3d7",{"name":3041,"color":3042},{"name":3084,"color":3085},"pro","5BD3CB",4026,"Safari Bug: Grid layout issues with `will-change: transform`","2025-04-30T13:51:05Z","https://github.com/nuxt/ui/issues/4026",0.69686735,{"description":3092,"labels":3093,"number":3098,"owner":3030,"repository":3030,"state":3070,"title":3099,"updated_at":3100,"url":3101,"score":3102},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v16.15.1`\r\n- Nuxt Version: `3.2.0`\r\n- Nitro Version: `2.2.1`\r\n- Package Manager: `yarn@1.22.4`\r\n- Builder: `vite`\r\n- User Config: `modules`, `app`, `vite`, `i18n`, `build`, `runtimeConfig`, `telemetry`\r\n- Runtime Modules: `@pinia/nuxt@0.4.6`, `@nuxtjs/tailwindcss@6.2.0`, `@nuxtjs/i18n@8.0.0-beta.7`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\n- Install the latest nuxt version (3.2.0)\r\n- create at least 2 pages for navigating\r\n- Add **NuxtLoadingIndicator** to your app.vue file like state [here](https://nuxt.com/docs/api/components/nuxt-loading-indicator#nuxtloadingindicator)\r\n\n\n### Describe the bug\n\nWhen adding **nuxtLoadingIndicator** to app.vue it will not show up. This only happens in Nuxt version 3.2.0. In Nuxt version 3.0.0 it works fine. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3094,3097],{"name":3095,"color":3096},"3.x","29bc7f",{"name":3056,"color":3057},18996,"NuxtLoadingIndicator doesn't work in Nuxt 3.2.0","2023-02-14T16:25:01Z","https://github.com/nuxt/nuxt/issues/18996",0.6981387,{"description":3104,"labels":3105,"number":3107,"owner":3030,"repository":3030,"state":3070,"title":3108,"updated_at":3109,"url":3110,"score":3111},"### Environment\n\n- Operating System: Darwin\n- Node Version: v18.20.3\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.3\n- Package Manager: pnpm@9.5.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2, @nuxt/icon@1.6.1, @nuxtjs/i18n@9.1.0, @nuxt/fonts@0.10.3\n- Build Modules: -\n\n### Reproduction\n\n```vue\n\u003Ctemplate>\n \u003Ctable class=\"table-auto border-collapse\">\n \u003Ccaption class=\"caption-bottom\">\n Table 1: Caption\n \u003C/caption>\n \u003Cthead>\n \u003Ctr>\n \u003Cth>Id\u003C/th>\n \u003Cth>Code\u003C/th>\n \u003Cth>Name\u003C/th>\n \u003C/tr>\n \u003C/thead>\n \u003Ctbody>\n \u003Ctr v-for=\"n in 5\">\n \u003Ctd>{{ n }}\u003C/td>\n \u003Ctd>Code-{{ n }}\u003C/td>\n \u003Ctd>Name-{{ n }}\u003C/td>\n \u003C/tr>\n \u003C/tbody>\n \u003C/table>\n\u003C/template>\n```\n\n### Describe the bug\n\nThe `table-auto` and `border-collapse` classes [from the Tilewind stylesheet](https://tailwindcss.com/docs/table-layout) do not work, but the `caption-bottom` class does work (changes the position of the caption).\n\nTilewind is not fully imported and only partially supported?",[3106],{"name":3056,"color":3057},30326,"Partial Tilewind support using Table Layouts as an example","2024-12-23T10:42:10Z","https://github.com/nuxt/nuxt/issues/30326",0.69848233,{"description":3113,"labels":3114,"number":3121,"owner":3030,"repository":3030,"state":3070,"title":3122,"updated_at":3123,"url":3124,"score":3125},"### Environment\r\n\r\n```bash\r\nNuxt project info: 0:30:28\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.10.0\r\n- Nuxt Version: 3.11.1\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.4\r\n- Package Manager: pnpm@8.15.4\r\n- Builder: -\r\n- User Config: typescript, modules, app, features, experimental, css, postcss, recaptcha, pwa, devtools, vite\r\n- Runtime Modules: @unocss/nuxt@0.58.6, @nuxtjs/i18n@8.1.1, @vueuse/nuxt@10.9.0, @vite-pwa/nuxt@0.6.0\r\n- Build Modules: -\r\n------------------------------\r\n```\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-lpzonl?file=app.vue,styles%2Fglobal.css,nuxt.config.ts\r\n\r\n### Describe the bug\r\n\r\nThere is no way to change `hideDelay` from the loading indicator component, and so we need to await ~1s to hide the indicator: page end + 500ms in `hideDelay` + 400ms in the css transition.\r\n\r\nNuxtLoadingIndicator should expose the `hideDelay` or `force` prop without needing to rewrite it, `hideDelay: 0` should be the default value.\r\n\r\nYou can check the SB reproduction:\r\n- open preview in a new tab\r\n- check the delay when navigating\r\n- open devtools and find `_nuxt/node_modules/nuxt/dist/app/composables/loading-indicator.js?v=\u003Csome_version>` in the source tab\r\n- add a breakpoint in L9\r\n- refresh the page and set `hideDelay` to 0\r\n- navigate again\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3115,3118],{"name":3116,"color":3117},"enhancement","8DEF37",{"name":3119,"color":3120},"🍰 p2-nice-to-have","0E8A16",26637,"weird behavior with loading indicator component","2025-04-03T15:17:07Z","https://github.com/nuxt/nuxt/issues/26637",0.6991642,{"description":3127,"labels":3128,"number":3131,"owner":3030,"repository":3030,"state":3070,"title":3132,"updated_at":3133,"url":3134,"score":3135},"### Environment\n\nNuxt project info: 17:11:46\r\n\r\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v16.15.0`\r\n- Nuxt Version: `3.1.1`\r\n- Nitro Version: `2.1.0`\r\n- Package Manager: `npm@8.5.5`\r\n- Builder: `vite`\r\n- User Config: `typescript`, `nitro`, `app`, `alias`, `css`, `vite`, `runtimeConfig`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\n\n### Reproduction\n\nStackBlitz from the docs: https://nuxt.com/docs/api/components/nuxt-loading-indicator#nuxtloadingindicator\r\n\r\nhttps://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/pages?file=package.json&terminal=dev\n\n### Describe the bug\n\nLoading indicator never appears\n\n### Additional context\n\nAfter updating to Nuxt 3.1.1, the NuxtLoadingIndicator component stopped working.\n\n### Logs\n\n_No response_",[3129,3130],{"name":3095,"color":3096},{"name":3056,"color":3057},18630,"NuxtLoadingIndicator not working anymore","2024-07-28T00:38:37Z","https://github.com/nuxt/nuxt/issues/18630",0.7048509,{"labels":3137,"number":3144,"owner":3030,"repository":3030,"state":3070,"title":3145,"updated_at":3146,"url":3147,"score":3148},[3138,3140,3141],{"name":3139,"color":3045},"stale",{"name":3056,"color":3057},{"name":3142,"color":3143},"2.x","d4c5f9",6262,"Don't see the loading / progress bar at the top","2023-01-22T15:34:44Z","https://github.com/nuxt/nuxt/issues/6262",0.7080136,["Reactive",3150],{},["Set"],["ShallowReactive",3153],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$foGAkQ3zBCJ1FRVl3Q5uD-foRFZcMZeCUD6TVAQfNLf8":-1},"/nuxt/ui/4180"]