\r\n Loading\r\n \u003C/div>\r\n \u003C/template>\r\n \u003Cdiv class=\"content\" ref=\"someRef\">\r\n This text should NOT be large!\r\n Remove the \u003Cpre>ref=\"someRef\"\u003C/pre> from the parent and it works\r\n \u003C/div>\r\n \u003C/ClientOnly>\r\n\u003C/template>\r\n```\r\n\r\n**Expected behaviour when loading the page:**\r\nA big loading spinner, and, when everything is done loading, some normal text, like this:\r\n\r\n\r\n**Instead,** you get this:\r\n\r\n\r\nWhen you remove the `ref=\"someRef\"` from the content div, it works as expected",[],129,"icon","Unexpected behaviour when using an Icon within ClientOnly fallback","2023-12-18T12:08:48Z","https://github.com/nuxt/icon/issues/129",0.7822629,{"description":2022,"labels":2023,"number":2027,"owner":1991,"repository":2028,"state":2029,"title":2030,"updated_at":2031,"url":2032,"score":2033},"### 📚 What are you trying to do?\n\nAs I understand it, @nuxt/script should give better performance using the embedded third-party scripts.\r\n\r\nHowever when I use GTM or GoogleAnalytics I see the same hit in PageSpeed reports as using the \"vanilla\" scripts:\r\n\r\n\r\nI've done the simple implementation of adding this in my App.vue:\r\nGTM:\r\n```\r\nuseScriptGoogleTagManager({\r\n id: 'GTM-WHHKRNTJ',\r\n})\r\n```\r\n\r\nGoogle Analytics:\r\n```\r\nuseScriptGoogleAnalytics({\r\n id: 'G-0HXKBMGTW0',\r\n})\r\n```\r\n\r\nHave I misunderstood the concept of this package?\n\n### 🔍 What have you tried?\n\n_No response_\n\n### ℹ️ Additional context\n\n_No response_",[2024],{"name":2025,"color":2026},"help wanted","008672",272,"scripts","closed","No performance gain using GTM / Google Analytics","2024-11-09T05:04:35Z","https://github.com/nuxt/scripts/issues/272",0.4656453,{"description":2035,"labels":2036,"number":2043,"owner":1991,"repository":2044,"state":2029,"title":2045,"updated_at":2046,"url":2047,"score":2048},"- [x] We never use \"Roobert Bold\" you should replace all the \"font-bold\" by the semi bold version\n\n\n- [x] Prose base color must be gray-600 in light mode \n\n\n- [x] Cards have 12px border radius\n- [x] Buttons have 8px border radius",[2037,2040],{"name":2038,"color":2039},"enhancement","1ad6ff",{"name":2041,"color":2042},"design","00bd6f",515,"nuxt.com","[UI] Improvements","2022-05-20T13:20:47Z","https://github.com/nuxt/nuxt.com/issues/515",0.7126844,{"description":2050,"labels":2051,"number":2053,"owner":1991,"repository":2044,"state":2029,"title":2054,"updated_at":2055,"url":2056,"score":2057},"",[2052],{"name":2038,"color":2039},21,"Use `RoobertPRO` font","2022-02-04T13:11:03Z","https://github.com/nuxt/nuxt.com/issues/21",0.7554249,{"description":2059,"labels":2060,"number":2063,"owner":1991,"repository":1992,"state":2029,"title":2064,"updated_at":2065,"url":2066,"score":2067},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v18.20.4\n- Nuxt Version: 3.13.2\n- CLI Version: 3.15.0\n- Nitro Version: 2.9.7\n- Package Manager: pnpm@9.12.1\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.7\n- Build Modules: -\n------------------------------\n\n### Version\n\nv3.0.0-alpha.7\n\n### Reproduction\n\nThe `:ui` prop is not handled by the component ButtonGroup ?\n\n### Description\n\nI tried to add somme classes to the ButtonGroup component, with `class=` attribute, with `:ui=` attribute, but it seems that nothing works.\n\n\n\n### Additional context\n\nI've tried to look into the code, but I don't understand all the magic you've done !\n\n### Logs\n\n_No response_",[2061,2062],{"name":1985,"color":1986},{"name":2005,"color":2006},2498,"[v3] ButtonGroup : class and ui attributes not handled ?","2024-10-31T09:25:42Z","https://github.com/nuxt/ui/issues/2498",0.7564818,{"description":2069,"labels":2070,"number":2074,"owner":1991,"repository":1991,"state":2029,"title":2075,"updated_at":2076,"url":2077,"score":2078},"Given a template tag that uses a bound style attribute `:style=\"styles\"`, the styles are not properly updated after the server side rendering. Importantly, the computed properties being used in the style tag *are* working, but they simply don't get swapped into the style attribute.\r\n\r\nHere's a reproduction:\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"example-bug\" :style=\"styles\">\r\n This container should be {{ size }}px wide with a {{ background }} background.\r\n \u003Ccode>\r\n {{ styles }}\r\n \u003C/code>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nexport default {\r\n data () {\r\n return {\r\n size: 300\r\n }\r\n },\r\n computed: {\r\n styles () {\r\n return {\r\n width: `${this.size}px`,\r\n backgroundColor: this.background\r\n }\r\n },\r\n background () {\r\n if (this.size \u003C 100) {\r\n return 'red'\r\n } else if (this.size >= 100 && this.size \u003C 200) {\r\n return 'blue'\r\n } else if (this.size >= 200 && this.size \u003C 300) {\r\n return 'green'\r\n } else if (this.size >= 200 && this.size \u003C 300) {\r\n return 'salmon'\r\n } else if (this.size >= 300 && this.size \u003C 400) {\r\n return 'silver'\r\n } else if (this.size >= 400 && this.size \u003C 500) {\r\n return 'gold'\r\n } else {\r\n return 'yellow'\r\n }\r\n }\r\n },\r\n methods: {\r\n resize () {\r\n this.size = window.innerWidth\r\n }\r\n },\r\n created () {\r\n if (typeof window !== 'undefined') {\r\n window.addEventListener('resize', this.resize)\r\n this.resize()\r\n }\r\n }\r\n}\r\n\u003C/script>\r\n\r\n\u003Cstyle lang=\"scss\">\r\n.example-bug {\r\n width: 300px;\r\n background-color: red;\r\n position: absolute;\r\n height: 100vh\r\n}\r\ncode {\r\n font-size: 12px;\r\n display: block;\r\n padding-top: 1em;\r\n}\r\n\u003C/style>\r\n```\r\n\r\nHere is an example of the above ([full video here](https://github.com/journeygroup/nuxt-style-bug/blob/master/nuxt-bug-video.mov?raw=true)):\r\n\r\n\r\nAnd here is a fresh install of nuxt with the above code: https://github.com/journeygroup/nuxt-style-bug\r\n\r\nSomehow the data output in the `\u003Ccode>{{ styles }}\u003C/code>` block is correct, but the same exact property output in the `:style=\"styles\"` attribute is not correct. Also, certain changes in the property will trigger the styles to begin working properly. In this particular case, if I make the window small and the 'color' changes (again) it \"snap out of it\" and start working just fine.\r\n\r\nInterestingly, this does not occur when a page has been navigated to with vue-router and the page was not rendered server-side.\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/c517\">#c517\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2071],{"name":2072,"color":2073},"2.x","d4c5f9",599,"Inline styles do not update properly when SSR","2023-01-18T15:39:32Z","https://github.com/nuxt/nuxt/issues/599",0.7645328,{"description":2080,"labels":2081,"number":2082,"owner":1991,"repository":2044,"state":2029,"title":2083,"updated_at":2084,"url":2085,"score":2086},"these should point to module repo + link rather than to nuxt.com",[],1271,"normalize relative links in module readmes","2023-10-10T14:44:46Z","https://github.com/nuxt/nuxt.com/issues/1271",0.7654121,{"description":2088,"labels":2089,"number":2091,"owner":1991,"repository":2044,"state":2029,"title":2092,"updated_at":2093,"url":2094,"score":2095},"\n- [x] You can remove the border & shadow of every color card\n\n\n- [x] For the logo cards, border is enough\n\n\n- [x] [Tablet] Text is unreadable, you can put opacity 10% on bg image like on mobile resolution\n\n\n- [x] [Tablet/Mobile] This hover effect should be the default state on tablet & mobile in order to improve the usability & readability of this page (+ go to font-medium at these resolutions)\n\n\n- [x] [Darkmode] Gray texts should be max gray-200 in dark mode (yours are inverted in dark so i suppose it's max u-gray-700 ?)",[2090],{"name":2038,"color":2039},604,"[Resources] Design Kit improvements V2","2022-06-14T10:53:12Z","https://github.com/nuxt/nuxt.com/issues/604",0.76923895,["Reactive",2097],{},["Set"],["ShallowReactive",2100],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"-ZcQYM6ERJ8oH91mNHokvtxILbfXFQUIqKckc32dv9A":-1},"/nuxt/nuxt.com/272"]