\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_",[2867,2870,2873],{"name":2868,"color":2869},"good first issue","fbca04",{"name":2871,"color":2872},"bug","d73a4a",{"name":2874,"color":2875},"🔨 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":2884,"labels":2885,"number":2893,"owner":2877,"repository":2894,"state":2878,"title":2895,"updated_at":2896,"url":2897,"score":2898},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.9\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, colorMode, build, runtimeConfig, app, lodash, vite, router, nitro\n- Runtime Modules: @pinia/nuxt@0.9.0, pinia-plugin-persistedstate/nuxt@4.2.0, @nuxt/test-utils/module@3.17.2, @vueuse/nuxt@11.3.0, nuxt-\ncountdown@1.2.0, nuxt-lodash@2.5.3, nuxt-monaco-editor@1.3.1, @nuxt/eslint@1.3.0, @nuxt/eslint@1.3.0, @nuxt/fonts@0.11.1, @nuxt/icon@1.12\n.0, @nuxt/image@1.10.0, @nuxt/scripts@0.11.6, @nuxt/test-utils@3.17.2, @nuxt/ui@3.1.0\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\nhttps://codesandbox.io/p/devbox/fervent-ptolemy-6njy2z?workspaceId=ws_SZ9iN2xj3x4VbwxN8x8baL&embed=1&file=%2Fapp%2Fpages%2Findex.vue\n\n### Description\n\nYou cannot dynamically add/remove columns, top toggle should control the visibility of the Status column\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2886,2887,2890],{"name":2871,"color":2872},{"name":2888,"color":2889},"v3","49DCB8",{"name":2891,"color":2892},"triage","ffffff",4024,"ui","Dynamic table columns","2025-04-29T15:33:44Z","https://github.com/nuxt/ui/issues/4024",0.7101409,{"description":2900,"labels":2901,"number":2905,"owner":2877,"repository":2877,"state":2878,"title":2906,"updated_at":2907,"url":2908,"score":2909},"### 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```",[2902],{"name":2903,"color":2904},"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":2911,"labels":2912,"number":2924,"owner":2877,"repository":2877,"state":2878,"title":2925,"updated_at":2926,"url":2927,"score":2928},"### Environment\r\n\r\n- Operating System: Windows_NT\r\n- Node Version: v18.17.1\r\n- Nuxt Version: 3.10.2\r\n- CLI Version: 3.10.1\r\n- Nitro Version: -\r\n- Package Manager: pnpm@8.15.2\r\n- Builder: -\r\n- User Config: devtools, modules, routeRules\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.11.4\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-uqxt1s\r\n\r\n### Describe the bug\r\n\r\nWhen using `NuxtLoadingIndicator`, an issue arises when navigating to a page with a different layout that contains an asynchronous operation within the setup function. In these specific cases, the loading indicator gets stuck and fails to disappear after the page has loaded.",[2913,2916,2917,2920,2921],{"name":2914,"color":2915},"workaround available","11376d",{"name":2871,"color":2872},{"name":2918,"color":2919},"pages","00DFB5",{"name":2874,"color":2875},{"name":2922,"color":2923},"suspense","C70109",25840,"NuxtLoadingIndicator gets stuck on page with different layout and async setup","2025-03-18T07:34:32Z","https://github.com/nuxt/nuxt/issues/25840",0.72379434,{"description":2930,"labels":2931,"number":2935,"owner":2877,"repository":2894,"state":2936,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### 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",[2932,2933,2934],{"name":2871,"color":2872},{"name":2888,"color":2889},{"name":2891,"color":2892},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":2942,"labels":2943,"number":2952,"owner":2877,"repository":2894,"state":2936,"title":2953,"updated_at":2954,"url":2955,"score":2956},"### 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```",[2944,2945,2948,2949],{"name":2871,"color":2872},{"name":2946,"color":2947},"duplicate","cfd3d7",{"name":2888,"color":2889},{"name":2950,"color":2951},"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":2958,"labels":2959,"number":2964,"owner":2877,"repository":2877,"state":2936,"title":2965,"updated_at":2966,"url":2967,"score":2968},"### 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_",[2960,2963],{"name":2961,"color":2962},"3.x","29bc7f",{"name":2903,"color":2904},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":2970,"labels":2971,"number":2973,"owner":2877,"repository":2877,"state":2936,"title":2974,"updated_at":2975,"url":2976,"score":2977},"### 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?",[2972],{"name":2903,"color":2904},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":2979,"labels":2980,"number":2987,"owner":2877,"repository":2877,"state":2936,"title":2988,"updated_at":2989,"url":2990,"score":2991},"### 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_",[2981,2984],{"name":2982,"color":2983},"enhancement","8DEF37",{"name":2985,"color":2986},"🍰 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":2993,"labels":2994,"number":2997,"owner":2877,"repository":2877,"state":2936,"title":2998,"updated_at":2999,"url":3000,"score":3001},"### 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_",[2995,2996],{"name":2961,"color":2962},{"name":2903,"color":2904},18630,"NuxtLoadingIndicator not working anymore","2024-07-28T00:38:37Z","https://github.com/nuxt/nuxt/issues/18630",0.7048509,["Reactive",3003],{},["Set"],["ShallowReactive",3006],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$foGAkQ3zBCJ1FRVl3Q5uD-foRFZcMZeCUD6TVAQfNLf8":-1},"/nuxt/ui/4180"]