\n \u003CUButton\n variant=\"outline\"\n class=\"rounded\"\n label=\"Middle\"\n @click=\"open = false\"\n />\n \u003CUButton\n type=\"submit\"\n class=\"rounded\"\n label=\"Confirm\"\n color=\"primary\"\n @click=\"open = false\"\n />\n \u003C/div>\n \u003C/template>\n \u003C/UModal>\n \u003CUButton\n variant=\"outline\"\n color=\"neutral\"\n @click=\"\"\n >\n Other Button\n \u003C/UButton>\n \u003C/UButtonGroup>\n\u003C/template>\n```\n\n\u003Cimg width=\"362\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/da66f0d8-fc42-45a5-b1e1-d7214468b24a\" />\n\n\u003Cbr>\n\n\u003Cimg width=\"543\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a50767ec-bea5-4c88-9b45-963f8e81e5df\" />\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2902,2903],{"name":2887,"color":2888},{"name":2890,"color":2891},2978,"The button styles in UModal body should not be affected by UButtonGroup.","2025-02-07T15:32:58Z","https://github.com/nuxt/ui/issues/2978",0.7481511,{"description":2910,"labels":2911,"number":352,"owner":2868,"repository":2868,"state":2894,"title":2918,"updated_at":2919,"url":2920,"score":2921},"First let me say, Nuxt is awesome! I'm looking forward to the 1.0 release!\r\n\r\nOk so when working on m templates, eventually I get the below (screenshot) effect on my pages. The only way to fix it it seems is to go into my layout and delete the contents of the `\u003Chead>` block, save and reload the page manually, then add it back in. After that all goes back to normal, but not for long before it creeps up again.\r\n\r\nHere's my page:\r\n```\r\n\u003Ctemplate lang=\"jade\">\r\n div\r\n ThickPageBanner\r\n CustomerLogin\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\n import ThickPageBanner from '~components/ThickPageBanner'\r\n import CustomerLogin from '~components/CustomerLogin'\r\n\r\n export default {layout: 'public',components: {ThickPageBanner, CustomerLogin}}\r\n\u003C/script>\r\n```\r\n\r\nHere's my layout:\r\n```\r\n\u003Ctemplate>\r\n \u003Chtml class=\"no-js\" lang=\"\">\r\n \u003Chead>\r\n \u003Cmeta charset=\"utf-8\">\r\n \u003Cmeta http-equiv=\"x-ua-compatible\" content=\"ie=edge\">\r\n \u003Ctitle>Title\u003C/title>\r\n \u003Cmeta name=\"description\" content=\"\">\r\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n\r\n \u003Clink rel=\"icon\" type=\"image/png\" href=\"favicon.png\">\r\n\r\n \u003Clink type=\"text/css\" rel=\"stylesheet\" href=\"http://fast.fonts.net/cssapi/e1ef451d-c61f-4ad3-b4e0-e3d8adb46d89.css\"/>\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>",[2912,2915],{"name":2913,"color":2914},"question","cc317c",{"name":2916,"color":2917},"2.x","d4c5f9","Odd behavior when working in npm run dev","2023-01-18T15:38:31Z","https://github.com/nuxt/nuxt/issues/163",0.749131,{"description":2923,"labels":2924,"number":2934,"owner":2868,"repository":2868,"state":2894,"title":2935,"updated_at":2936,"url":2937,"score":2938},"### Environment\r\n\r\n```\r\n`\"devDependencies\": {\r\n \"@nuxt/devtools\": \"^1.0.8\",\r\n \"@nuxt/test-utils\": \"^3.13.1\",\r\n \"@nuxtjs/device\": \"^3.1.1\",\r\n \"@nuxtjs/google-fonts\": \"^3.2.0\",\r\n \"@types/js-cookie\": \"^3.0.6\",\r\n \"@types/throttle-debounce\": \"^5.0.2\",\r\n \"@vue/test-utils\": \"^2.4.6\",\r\n \"@vueuse/nuxt\": \"^10.9.0\",\r\n \"happy-dom\": \"^14.12.3\",\r\n \"nuxt\": \"npm:nuxt-nightly@latest\",\r\n \"ofetch\": \"^1.3.4\",\r\n \"playwright-core\": \"^1.45.2\",\r\n \"swagger-typescript-api\": \"^13.0.3\",\r\n \"vitest\": \"^1.6.0\",\r\n \"vue\": \"^3.4.21\",\r\n \"vue-router\": \"^4.3.0\"\r\n },\r\n \"dependencies\": {\r\n \"@ant-design-vue/nuxt\": \"^1.4.1\",\r\n \"@nuxt/image\": \"^1.5.0\",\r\n \"@nuxtjs/i18n\": \"^8.3.0\",\r\n \"@nuxtjs/robots\": \"^3.0.0\",\r\n \"@pinia/nuxt\": \"^0.5.1\",\r\n \"@vite-pwa/nuxt\": \"^0.6.0\",\r\n \"http\": \"^0.0.1-security\",\r\n \"http-proxy\": \"^1.18.1\",\r\n \"js-cookie\": \"^3.0.5\",\r\n \"maska\": \"^3.0.0\",\r\n \"nuxt-lazy-hydrate\": \"^1.0.0\",\r\n \"nuxt-lazy-load\": \"^3.0.4\",\r\n \"nuxt-open-fetch\": \"^0.7.0\",\r\n \"pinia\": \"^2.1.7\",\r\n \"prettier\": \"^3.2.5\",\r\n \"sass\": \"^1.74.1\",\r\n \"stream\": \"^0.0.2\",\r\n \"throttle-debounce\": \"^5.0.2\",\r\n \"ufo\": \"^1.5.3\",\r\n \"vue-final-modal\": \"^4.5.4\",\r\n \"vue3-carousel-nuxt\": \"^1.1.1\",\r\n \"vue3-clipboard\": \"^1.0.0\"\r\n }`\r\n```\r\n\r\n### Reproduction\r\n\r\n```\r\n`\u003Cstyle scoped lang=\"scss\">\r\n@use \"sass:math\";\r\n@import \"@/assets/styles/mixins.scss\";\r\n.leftBorderWrapper {\r\n position: absolute;\r\n transform: translateX(-100%);\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 12px;\r\n background-color: transparent;\r\n overflow: hidden;\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n width: 2px;\r\n left: 0;\r\n background: linear-gradient(transparent, #fdc335 50%);\r\n transform-origin: top right;\r\n transform: rotate(-12deg);\r\n z-index: 1;\r\n }\r\n .leftBorderContent {\r\n position: relative;\r\n left: 2px;\r\n width: 85%;\r\n height: 105%;\r\n background: $red2;\r\n transform: rotate(math.atan(-(math.div(8, 61))));\r\n transform-origin: top left;\r\n z-index: 5;\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n width: 1px;\r\n left: 0;\r\n background: linear-gradient(#fdc335, transparent);\r\n z-index: 4;\r\n }\r\n }\r\n}\r\n\u003C/style>`\r\n```\r\n\r\n### Describe the bug\r\n\r\n\r\n\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2925,2928,2931],{"name":2926,"color":2927},"pending triage","E99695",{"name":2929,"color":2930},"needs reproduction","FBCA04",{"name":2932,"color":2933},"closed-by-bot","ededed",28599,"can't use @use \"sass:math\" in style ","2024-08-27T01:55:58Z","https://github.com/nuxt/nuxt/issues/28599",0.7510214,{"description":2940,"labels":2941,"number":2946,"owner":2868,"repository":2868,"state":2894,"title":2947,"updated_at":2948,"url":2949,"score":2950},"is there way to use jsx in pages with out using .vue file?\r\n\r\nit seem ugly to write `\u003Cscript> \u003C/script>` as it usually only have js inside.\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2049\">#c2049\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2942,2945],{"name":2943,"color":2944},"enhancement","8DEF37",{"name":2916,"color":2917},2352,"how to use .js/.jsx file instead .vue for page?","2023-01-18T15:55:10Z","https://github.com/nuxt/nuxt/issues/2352",0.75475574,{"description":2952,"labels":2953,"number":2959,"owner":2868,"repository":2893,"state":2894,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Environment\n\nI just use the demo component on nuxt ui page\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\nI recorded it, you can see my vid:\n\nhttps://github.com/user-attachments/assets/82b444d5-473f-43b3-b26f-55b30cc61184\n\n### Description\n\nIt happens when a select box is opening.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2954,2955,2956],{"name":2887,"color":2888},{"name":2890,"color":2891},{"name":2957,"color":2958},"triage","ffffff",3261,"I saw some flickering with the select boxes in a form","2025-03-08T13:57:49Z","https://github.com/nuxt/ui/issues/3261",0.7579467,{"description":2965,"labels":2966,"number":2968,"owner":2868,"repository":2868,"state":2894,"title":2969,"updated_at":2970,"url":2971,"score":2972},"The forced vuex strict mode introduced in d9796be breaks part of my app. I understand that this was probably added to encourage best practices, but I think there should be an option to disable this behavior.\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/c1354\">#c1354\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2967],{"name":2916,"color":2917},1521,"disable vuex strict mode on dev","2023-01-18T15:41:52Z","https://github.com/nuxt/nuxt/issues/1521",0.7584297,{"description":2974,"labels":2975,"number":2976,"owner":2868,"repository":2977,"state":2894,"title":2978,"updated_at":2979,"url":2980,"score":2981},"Script looks like this:\r\n```js\r\n!function (w, d, t) {\r\n w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=[\"page\",\"track\",\"identify\",\"instances\",\"debug\",\"on\",\"off\",\"once\",\"ready\",\"alias\",\"group\",\"enableCookie\",\"disableCookie\", \"holdConsent\", \"revokeConsent\", \"grantConsent\"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i\u003Cttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n\u003Cttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i=\"https://analytics.tiktok.com/i18n/pixel/events.js\";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement(\"script\");o.type=\"text/javascript\",o.async=!0,o.src=i+\"?sdkid=\"+e+\"&lib=\"+t;var a=document.getElementsByTagName(\"script\")[0];a.parentNode.insertBefore(o,a)};\r\n ttq.load('YOUR_ID_HERE');\r\n}(window, document, 'ttq');\r\n```\r\nDocs can be found [here](https://ads.tiktok.com/help/article/get-started-pixel?lang=en)",[],166,"scripts","Add Tiktok Pixel to registry","2024-07-23T14:40:36Z","https://github.com/nuxt/scripts/issues/166",0.76207227,["Reactive",2983],{},["Set"],["ShallowReactive",2986],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fmvyKeSaRPo-N9YHL2G3yRXHVdnBXxUaMdohkM3cunNw":-1},"/nuxt/test-utils/875"]