\r\n \u003Clink rel=\"stylesheet\" href=\"/assets/css/main-min.css\">\r\n\r\n \u003Cscript src=\"/assets/js/dist/modernizr-custom.js\">\u003C/script>\r\n \u003C/head>\r\n \u003Cbody class=\"\">\r\n \u003C!--[if lt IE 8]>\r\n \u003Cp class=\"browserupgrade\">You are using an \u003Cstrong>outdated\u003C/strong> browser. Please \u003Ca href=\"http://browsehappy.com/\">upgrade your browser\u003C/a> to improve your experience.\u003C/p>\r\n \u003C![endif]-->\r\n \u003Cdiv class=\"wrapper\">\r\n \u003CSiteHeader/>\r\n \u003Cmain class=\"main\">\r\n \u003Cnuxt/>\r\n \u003C/main>\u003C!-- main -->\r\n \u003CSiteFooter/>\r\n \u003C/div>\u003C!-- wrapper -->\r\n\r\n\r\n \u003C!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->\r\n \u003Cscript src=\"http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js\">\u003C/script>\r\n \u003Cscript src=\"/assets/js/dist/main-min.js\">\u003C/script>\r\n\r\n \u003C/body>\r\n \u003C/html>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nimport SiteHeader from '~components/SiteHeader'\r\nimport SiteFooter from '~components/SiteFooter'\r\n\r\nexport default {\r\n components: {\r\n SiteHeader,\r\n SiteFooter\r\n }\r\n}\r\n\u003C/script>\r\n```\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/c138\">#c138\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2045,2046],{"name":2003,"color":2004},{"name":1987,"color":1988},163,"Odd behavior when working in npm run dev","2023-01-18T15:38:31Z","https://github.com/nuxt/nuxt/issues/163",0.6967532,{"description":2053,"labels":2054,"number":2058,"owner":1990,"repository":2059,"state":1991,"title":2060,"updated_at":2061,"url":2062,"score":2063},"- List modules\n- Install a module\n\nLink it in the modules section in concepts.\n",[2055],{"name":2056,"color":2057},"documentation","9DE2BA",1369,"nuxt.com","[API][Commands] Add `modules` ","2023-12-18T12:00:05Z","https://github.com/nuxt/nuxt.com/issues/1369",0.69793224,{"description":2065,"labels":2066,"number":2074,"owner":1990,"repository":2075,"state":1991,"title":2076,"updated_at":2077,"url":2078,"score":2079},"### Environment\n\nOperating System: Darwin\nNode Version: v20.18.0\nNuxt Version: 3.14.1592\nPackage Manager: pnpm@9.14.4\nBuilder: -\nUser Config: default\nRuntime Modules: @nuxt/ui@3.0.0-alpha.10\nBuild 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\nhttps://codesandbox.io/p/devbox/nifty-ride-lx6qlg\n\n### Description\n\nThe same problem occurs in official documents. https://ui3.nuxt.dev/components/toast\n1. Open the Toast component of the document.\n2. Click the \"Show toast\" button to show toast.\n3. Click X to close the toast when it appears.\n4. Click the \"Show toast\" button again, and the toast that appears does not have a progress bar and does not automatically close.\n\nMy production environment project also has this problem, I hope it can be solved as soon as possible.\nAlso, the progress bar sometimes flashes, so i can expect new configurations to setting the progress bar showing is true or false.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2067,2068,2071],{"name":2035,"color":2036},{"name":2069,"color":2070},"v3","49DCB8",{"name":2072,"color":2073},"triage","ffffff",3003,"ui","The Toast component loses the progress bar and does not automatically close","2025-03-24T13:48:53Z","https://github.com/nuxt/ui/issues/3003",0.6982367,{"description":2081,"labels":2082,"number":2085,"owner":1990,"repository":1990,"state":1991,"title":2086,"updated_at":2087,"url":2088,"score":2089},"### Version\r\n\r\n[v1.4.0](https://github.com/nuxt.js/releases/tag/v1.4.0)\r\n\r\n### Reproduction link\r\n\r\n[https://fork-glider.glitch.me/](https://fork-glider.glitch.me/)\r\n\r\n### Steps to reproduce\r\n\r\n- Go to the link provided https://fork-glider.glitch.me/\r\n\r\nI use `vue-styled-components` for my styles but instead of being rendered properly, they flash the unstyled component before.\r\n\r\nLive example here: https://fork-glider.glitch.me/\r\nSource: https://glitch.com/edit/#!/fork-glider\r\n\r\nMy component looks like:\r\n\r\n```\r\n\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Capp-title>Welcome!\u003C/app-title>\r\n \u003Crouter-link to=\"/about\">About page\u003C/router-link>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\n import styled from 'vue-styled-components';\r\n\r\n const Title = styled.h1`\r\n font-size: 36px;\r\n color: red;\r\n `;\r\n\r\n export default {\r\n components: {\r\n \"app-title\": Title\r\n }\r\n };\r\n\u003C/script>\r\n```\r\n\r\nHere is a quick gif reproducing the issue:\r\n\r\n\r\n### What is expected ?\r\n\r\n- Title shows styled size and color\r\n\r\n### What is actually happening?\r\n\r\n- Title flashes original size and color before changing to styled one.\r\n\r\n(As this problem is not happening while using plain css, I am wondering if the issue has to do with the run-time of the `script` tag. 🤔)\r\n\r\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\r\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7294\">#c7294\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2083,2084],{"name":1984,"color":1985},{"name":1987,"color":1988},3479,"Unstyled css flashes while using vue-styled-components","2023-01-22T15:30:04Z","https://github.com/nuxt/nuxt/issues/3479",0.6987065,{"description":2091,"labels":2092,"number":2097,"owner":1990,"repository":1990,"state":1991,"title":2098,"updated_at":2099,"url":2100,"score":2101},"### Version\n\n[v2.2.0](https://github.com/nuxt.js/releases/tag/v2.2.0)\n\n### Reproduction link\n\n[https://codesandbox.io/s/k3y402xpyv](https://codesandbox.io/s/k3y402xpyv)\n\n### Steps to reproduce\n\n# Bug:\n\n- visit `Other`\n- visit `Bug`\n\n# No Bug\n\nvisit `Bug` directly or if you came from `Other` to `Bug`, just refresh it.\n\n### What is expected ?\n\nFunctional component's style gets overridden by page's style.\n\n### What is actually happening?\n\nFunctional component's style being overridden by page's style if coming from different route\n\n### Additional comments?\n\nNot sure if this is nuxt issue or vue tbh\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8120\">#c8120\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2093,2095,2096],{"name":2094,"color":2073},"stale",{"name":1984,"color":1985},{"name":1987,"color":1988},4309,"Page styles not overriding functional component styles when visited from different route","2023-01-22T15:30:07Z","https://github.com/nuxt/nuxt/issues/4309",0.7000049,["Reactive",2103],{},["Set"],["ShallowReactive",2106],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"3p-3CXnT6ZX_tHAbZDyL8HdyAZuCpkWkQVcvkQKTtwk":-1},"/nuxt/nuxt/7497"]