\r\n\u003C/template>\r\n```\r\n\r\nTherefore, we need a way to disable the `color` option.\r\n\r\nThe next snippet is what I want to do\r\n```vue\r\n\u003Ctemplate>\r\n \u003CNuxtLoadingIndicator :throttle=\"0\" :height=\"2\" class=\"bg-orange\" />\r\n\u003C/template>\r\n```\r\n\r\n\r\n\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://v3.nuxtjs.org/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/framework/discussions) and [issues](https://github.com/nuxt/framework/issues).",[2011,2014],{"name":2012,"color":2013},"3.x","29bc7f",{"name":2015,"color":2016},"pending triage","E99695",12407,"`\u003CNuxtLoadingIndicator>` without default color","2025-01-19T16:12:32Z","https://github.com/nuxt/nuxt/issues/12407",0.7181078,{"description":2023,"labels":2024,"number":2037,"owner":1991,"repository":1991,"state":2003,"title":2038,"updated_at":2039,"url":2040,"score":2041},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v20.10.0`\r\n- Nuxt Version: `3.11.0`\r\n\r\n### Reproduction\r\n\r\nhttps://github.com/murisceman/nuxt-preloading-styles-issue\r\n\r\n### Describe the bug\r\n\r\nAfter updating to Nuxt `v3.11.0`, all styles imported from pages are automatically loaded throughout the app **(only in development mode)**.\r\n\r\nFor example, when importing a style into `pages/dashboard.vue`...\r\n\r\n```vue\r\n\u003Ctemplate>...\u003C/template>\r\n\r\n\u003Cscript setup>\r\nimport \"~/assets/dashboard.css\";\r\n\u003C/script>\r\n```\r\n\r\n...this style will be loaded for both `localhost:3000` and `localhost:3000/dashboard`.\r\n\r\n#### Prior versions\r\n\r\nNuxt `v3.10.x` loaded page-imported styles only when the page was visited. My [application](https://github.com/pruvious/pruvious), which dynamically re-registers dashboard routes, worked well in this scenario.\r\n\r\n### Additional context\r\n\r\nI have a stylesheet that is only applicable to the `/dashboard/**/*` routes, and it should not be loaded elsewhere. What methods can I use to achieve style isolation (in development mode) on a route level without using `scoped` styles? Thank you!\r\n\r\n### Logs\r\n\r\n_No response_",[2025,2028,2031,2034],{"name":2026,"color":2027},"dx","C39D69",{"name":2029,"color":2030},"bug","d73a4a",{"name":2032,"color":2033},"vite","3574D1",{"name":2035,"color":2036},"🔨 p3-minor","FBCA04",26312,"Nuxt `v3.11.0` is loading styles from all pages","2024-03-18T21:17:10Z","https://github.com/nuxt/nuxt/issues/26312",0.7185223,{"description":2043,"labels":2044,"number":2047,"owner":1991,"repository":1991,"state":2003,"title":2048,"updated_at":2049,"url":2050,"score":2051},"### Environment\n\n------------------------------ From the stackblitz repo\r\n- Operating System: `Linux`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.0.0-rc.10`\r\n- Nitro Version: `0.5.3`\r\n- Package Manager: `npm@7.17.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\r\n------------------------------On my local laptop\r\n- Operating System: `Darwin`\r\n- Node Version: `v16.16.0`\r\n- Nuxt Version: `3.0.0-rc.10`\r\n- Nitro Version: `0.5.3`\r\n- Package Manager: `npm@8.11.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-2svdvu?file=app.vue\n\n### Describe the bug\n\nStyles from default layout gets ignored in app.vue. Only way the styles show up is by adding NuxtWelcome to app.vue. \r\n\r\nOnce the app is up and running in the repo, in app.vue, uncomment NuxtWelcome and you can see the styles restored. \r\n\r\nPlease advise if I'm missing any nuxt rules/conventions w.r.t layouts. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2045,2046],{"name":2012,"color":2013},{"name":2015,"color":2016},14910,"Default layout styles are getting ignored in app.vue","2023-01-19T17:42:24Z","https://github.com/nuxt/nuxt/issues/14910",0.7211686,{"labels":2053,"number":2056,"owner":1991,"repository":1991,"state":2003,"title":2057,"updated_at":2058,"url":2059,"score":2060},[2054,2055],{"name":2012,"color":2013},{"name":2015,"color":2016},13911,"Styles of unused components are being imported ","2023-01-19T17:09:15Z","https://github.com/nuxt/nuxt/issues/13911",0.72226757,{"description":2062,"labels":2063,"number":2070,"owner":1991,"repository":1991,"state":2003,"title":2071,"updated_at":2072,"url":2073,"score":2074},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v18.16.0`\r\n- Nuxt Version: `3.6.5`\r\n- Nitro Version: `2.5.2`\r\n- Package Manager: `pnpm@8.6.11`\r\n- Builder: `vite`\r\n- User Config: `extends`, `telemetry`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\r\n### Reproduction\r\n\r\n### Create component in our Nuxt layer\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cbutton :class=\"[$style.root]\">\r\n \u003Cspan :class=\"$style.title\">TEST\u003C/span>\u003Cslot />\r\n \u003C/button>\r\n\u003C/template>\r\n\r\n\u003Cstyle module>\r\n.root {\r\n display: flex;\r\n background-color: black;\r\n}\r\n.title {\r\n color: rgb(51, 48, 211);\r\n}\r\n\u003C/style>\r\n```\r\n```ts\r\nexport default defineNuxtConfig({\r\n extends: [\"our-same-layer\"],\r\n});\r\n```\r\n\u003Cimg width=\"1641\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/52721424/37b8fd5c-40bf-40a2-9178-c7dbb6a8c2dd\">\r\n\r\n### But if we run only layer, we get the correct result\r\n\u003Cimg width=\"1643\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/52721424/dbfb15e0-5180-43b1-8b07-76a86bb445f4\">\r\n\r\n\r\n\r\n### Describe the bug\r\n\r\nDuplicate stylesheet in dev when using Nuxt Layer..\r\n### Additional context\r\n\r\nI tested pure css, it's reproduced on css module and pure css\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cbutton class=\"root\">\r\n \u003Cspan class=\"title\">TEST\u003C/span>\u003Cslot />\r\n \u003C/button>\r\n\u003C/template>\r\n\r\n\u003Cstyle>\r\n.root {\r\n display: flex;\r\n background-color: black;\r\n}\r\n.title {\r\n color: rgb(51, 48, 211);\r\n}\r\n\u003C/style>\r\n```\r\n\u003Cimg width=\"1642\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/52721424/422ddc69-a372-4255-a7a0-b33fdf99c54a\">\r\n\r\n### Logs\r\n\r\n_No response_",[2064,2065,2066,2067],{"name":2012,"color":2013},{"name":2029,"color":2030},{"name":2035,"color":2036},{"name":2068,"color":2069},"layers","006B75",22658,"Duplicate stylesheet in dev when using Nuxt Layer","2023-09-11T13:39:19Z","https://github.com/nuxt/nuxt/issues/22658",0.72407514,{"description":2076,"labels":2077,"number":2081,"owner":1991,"repository":1991,"state":2003,"title":2082,"updated_at":2083,"url":2084,"score":2085},"\u003Ch2> What's the Problem \u003C/h2>\r\nwhile change the `layout` in page vue file, there are some bugs in hot-load, old layout and new layout vue file will mixed and combined together. (eg. template in old layout, css style in new layout)\r\n\r\n\u003Ch2> How to reproduce\u003C/h2>\r\n\r\n**Platform**: OS X 10.12.5\r\n**Browser**: chrome, firefox, safari\r\n\r\n1. Create `test_layout.vue` in `layouts` dir, mine is below:\r\n\r\n2. Insert `layout: 'test_layout.vue'` in `~pages/index.vue`.\r\n3. Do not reload browser, let nuxt server complete the compilation, and browser presents wrong css style.\r\n\r\n\u003Ch3> What happened \u003C/h3>\r\nIt seems like that the server link the new layout vue file when hot-load trigged, while still link the old file, so the css style is combined with both of them.\r\n\r\n\u003Ch3> Details \u003C/h3>\r\nI created an layout: `test_layout.vue` (there is some `ul`>`li` and `h1 { color: red }`), then i modified `~pages/index.vue`, insert `layout: 'test_layout'` into `export default` block and saved this file, but nothing happend, even after trying reloaded browser, layout didn't changed. \r\n\r\nBut when I comment this insertion line `// layout: 'test_layout'` and saved the file, layout changed to test_layout (\u003C li > tags stood there, but \u003C h1 > is not red ). \r\n\r\nI restarted the nuxt server, layout loaded correct ( no \u003C li > tags, no red \u003C h1 > ). Uncomment the insertion line:\r\n\u003Cpre>\r\nlayout: 'test_layout', \r\ncomponents: { \r\n Logo\r\n}\r\n\u003C/pre>\r\nand then comes \u003C li > tags and red \u003C h1 >, seems correct.\r\n\r\nBut, the `Documentation` and `Github` at bottom are not link style, they are button style. Then I opened chrome inspector, and found the css code in `default.vue` is in there, the page was mixed with `default.vue` and `text_layout.vue`. But at this time, reload the browser will make it correct, and hot-load still mix the new & old layout vue file.\r\n\r\nAnd more, while using `default.vue` layout with red \u003C h1 > supported in `test_layout.vue`, when I change the h1 color in test_layout.vue, the h1 color in browser do change, too. But the `default.vue` layout is in use.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c702\">#c702\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2078],{"name":2079,"color":2080},"2.x","d4c5f9",819,"layout hot load bugs. (old and new CSS/template mixed together) ","2023-01-18T15:39:48Z","https://github.com/nuxt/nuxt/issues/819",0.7251476,{"description":2087,"labels":2088,"number":2090,"owner":1991,"repository":1991,"state":2003,"title":2091,"updated_at":2092,"url":2093,"score":2094},"I am trying to create a faq page on nuxt js.\r\nThe template below which I got from veautify does not show up on my localhost. I get these errors instead. It works if I replace v-for \"(item,i) in 5\" : key=\"i\" as shown in the template source code but I want to pass a list of questions from object(listquestions)into the array from MapState.\r\n\r\n[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside \u003Cp>, or missing \u003Ctbody>. Bailing hydration and performing full client-side render.\r\nv-toolbar-logo> - did you register the component correctly? For recursive components, make sure to provide the \"name\" option.\r\n\r\nfound in\r\n\r\n---> \u003CDefault> at layouts/default.vue\r\n \u003CRoot>\r\n**faq.vue file**\r\n```\r\n\u003Ctemplate>\r\n \u003Cv-expansion-panel>\r\n \u003Cv-expansion-panel-content v-for=\"quest in listquestions\" :key=\"quest.id\">\r\n \u003Cdiv slot=\"header\"> Question \u003C/div>\r\n \u003Cv-card>\r\n \u003Cv-card-text class =\"grey lighten-3\">\r\n This is a test answer.\r\n \u003C/v-card-text>\r\n \u003C/v-card>\r\n \u003C/v-expansion-panel-content>\r\n \u003C/v-expansion-panel>\r\n\u003C/template>\r\n\r\n\u003Cstyle>\r\n\r\n\u003C/style>\r\n\u003Cscript>\r\n\r\nimport {mapState, mapGetters, mapActions} from 'vuex'\r\n\r\nexport default {\r\n computed: mapState({\r\n listquestions:'allQuestions'\r\n })\r\n}\r\n\u003C/script>`\r\n```\r\n```\r\n**questions.js file**\r\nexport const state = () => ({\r\n list :['Question 1','Question 2','Question 3','Question 4','Question 5'],\r\n allQuestions: state => state.list \r\n \r\n})\r\n``` \r\nAccordian template source code which I got from veautify.\r\n```\r\nhttps://vuetifyjs.com/components/expansion-panels#example-1\r\n```\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2383\">#c2383\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2089],{"name":2079,"color":2080},2743,"Accordian template on veutify not showing up because of v-for loop on nuxt js ","2023-01-18T16:02:37Z","https://github.com/nuxt/nuxt/issues/2743",0.7257819,{"description":2096,"labels":2097,"number":2090,"owner":1991,"repository":1992,"state":2003,"title":2102,"updated_at":2103,"url":2104,"score":2094},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.4.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.14.2\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, nuxt-auth-sanctum@0.5.2, @vueuse/nuxt@11.3.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.14.1592\n\n### Reproduction\n\n```vue\n\u003Cscript setup lang=\"ts\">\nconst places = ref([])\nconst placeItems = ref([{ id: 1, name: 'Place 1' }, { id: 2, name: 'Place 2' }])\n\nwatch(places, (a, b) => alert('changed'))\n\u003C/script>\n\n\u003Ctemplate>\n\u003CUInputMenu name=\"places\"\n v-model=\"places\"\n :items=\"placeItems\"\n value-key=\"id\"\n label-key=\"name\"\n class=\"w-full\"\n multiple />\n\u003C/template>\n```\n\n### Description\n\nhttps://skr.sh/vSqMC30k7Rm\n\nBy the way, in non-multiple mode i cant remove value... https://skr.sh/vSqNhU5VYrM",[2098,2099],{"name":2029,"color":2030},{"name":2100,"color":2101},"v3","49DCB8","UInputMenu not triggering when remove items in multiple mode","2025-01-25T13:12:42Z","https://github.com/nuxt/ui/issues/2743",["Reactive",2106],{},["Set"],["ShallowReactive",2109],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"emuFipNPYx9X_HiQCY5qG24JrQPw5LPUrcBcS-hqXfU":-1},"/nuxt/ui/2667"]