\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nCreate file pages/home.vue\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CMy>\u003C/My> \r\n \u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nimport My from '../my.vue'\r\n\u003C/script>\r\n```\r\n\r\nCreate file my.vue\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Csection class=\"my\">\r\n my\r\n \u003C/section>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\n console.log('my')\r\n\u003C/script>\r\n\u003Cstyle>\r\n.my {\r\n display: flex;\r\n}\r\n\u003C/style>\r\n```\r\n\r\n\r\nyarn build\r\nyarn start\n\n### Describe the bug\n\nwith lang=\"ts\" - no style tag\r\n\u003Cimg width=\"1721\" alt=\"Снимок экрана 2024-03-27 в 15 47 43\" src=\"https://github.com/nuxt/nuxt/assets/40139618/60eebed4-9576-4d03-b3fc-c3196bf90eb0\">\r\n\r\nwithout lang=\"ts\" - has style tag\r\n\u003Cimg width=\"1723\" alt=\"Снимок экрана 2024-03-27 в 15 50 04\" src=\"https://github.com/nuxt/nuxt/assets/40139618/16fb3c1f-f155-43d0-b988-e4ffe0d4ebdf\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2949,2952,2955,2958],{"name":2950,"color":2951},"3.x","29bc7f",{"name":2953,"color":2954},"bug","d73a4a",{"name":2956,"color":2957},"🔨 p3-minor","FBCA04",{"name":2959,"color":2960},"inline styles","68AF97",26514,"inlineStyles don't work! script lang=\"ts\"","2024-04-24T10:43:07Z","https://github.com/nuxt/nuxt/issues/26514",0.7332811,{"description":2967,"labels":2968,"number":2969,"owner":2908,"repository":2970,"state":2930,"title":2971,"updated_at":2972,"url":2973,"score":2974},"` \u003CIcon name=\"lucide:arrow-up-wide-narrow\"\n class=\"ml-auto self-center transition-all duration-300 text-xl font-bold\" :stroke-width=\"3\"\nstroke=\"currentColor\" /> `\n\nUnable to use stroke-width does not take effect",[],364,"icon","Unable to use stroke-width does not take effect","2025-05-13T15:27:50Z","https://github.com/nuxt/icon/issues/364",0.73720986,{"description":2976,"labels":2977,"number":2979,"owner":2908,"repository":2908,"state":2930,"title":2980,"updated_at":2981,"url":2982,"score":2983},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v20.10.0`\r\n- Nuxt Version: `3.12.3`\r\n- CLI Version: `3.12.0`\r\n- Nitro Version: `2.9.7`\r\n- Package Manager: `pnpm@9.4.0`\r\n- Builder: `-`\r\n- User Config: `telemetry`, `compatibilityDate`, `runtimeConfig`, `modules`, `future`, `sourcemap`, `devtools`, `site`, `app`, `vite`, `nitro`, `css`, `postcss`, `eslint`, `image`, `content`, `colorMode`, `icon`, `plausible`, `ogImage`, `linkChecker`, `sitemap`\r\n- Runtime Modules: `@nuxt/content@2.13.0`, `@nuxt/devtools@1.3.9`, `@nuxt/eslint@0.3.13`, `@nuxt/fonts@0.7.1`, `@nuxt/icon@1.0.0`, `@nuxt/image@1.7.0`, `@nuxtjs/plausible@1.0.0`, `@nuxtjs/seo@2.0.0-rc.11`, `@eschricht/nuxt-color-mode@1.0.5`, `@unocss/nuxt@0.61.0`, `@vueuse/nuxt@10.11.0`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\nThis is from nuxt.com\r\n\r\n\u003Cimg width=\"499\" alt=\"Screenshot 2024-07-04 at 17 00 47\" src=\"https://github.com/nuxt/nuxt/assets/2703233/f02eb091-a9ef-4549-b2ba-eda026508a33\">\r\n\r\n\u003Cimg width=\"973\" alt=\"Screenshot 2024-07-04 at 17 52 27\" src=\"https://github.com/nuxt/nuxt/assets/2703233/73e7e40a-4948-4d85-b9f0-89be1dc208d3\">\r\n\r\n### Describe the bug\r\n\r\nWith `nuxt@3.12.3` and\r\n\r\n```\r\nfuture: {\r\n compatibilityVersion: 4,\r\n}\r\n```\r\n\r\nit seems like `inlineStyles` should be enabled by default (I also tested with explicitly setting it in `future`), but I still get stylesheets linked on my landing page ([Promptmetheus](https://promptmetheus.com)) and Google Pagespeed complains about it.\r\n\r\n\u003Cimg width=\"502\" alt=\"Screenshot 2024-07-04 at 17 05 22\" src=\"https://github.com/nuxt/nuxt/assets/2703233/83278607-624a-476c-816d-16455f609bdd\">\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2978],{"name":2938,"color":2939},28029,"Is inlining styles not working?","2024-07-04T17:24:25Z","https://github.com/nuxt/nuxt/issues/28029",0.73930013,{"description":2985,"labels":2986,"number":2993,"owner":2908,"repository":2994,"state":2930,"title":2995,"updated_at":2996,"url":2997,"score":2998},"### Description\n\nHi 👋 and thank you for the amazing work on v3!\n\nI noticed that in v3 many component have an `as` prop that is directly bound to the `as` prop of a component from RekaUI (in many cases, `Primitive`). In NuxtUI, this prop is always typed as `any | undefined`, whereas in RekaUI the type is more constrained (a string representing a HTML tag, or a component). This can cause TypeScript, and, as a consequence, linters and IDEs, to miss some obvious errors, like if someone were to write\n\n```vue\n\u003CUInput :as=\"1\" />\n```\n\nThe `as` prop type could be retrieved from the RekaUI component prop type directly using something like this\n\n```ts\ninterface InputProps {\n as?: InstanceProps\u003Ctypeof Primitive>['$props']['as']\n // Other props...\n}\n```\n\nIs there a reason that eludes me as to why this was not done?\n\nIf this seems like a good idea, I'd be happy to submit a PR.\n\nCheers!",[2987,2990],{"name":2988,"color":2989},"question","d876e3",{"name":2991,"color":2992},"v3","49DCB8",3068,"ui","[v3] `as` props typing","2025-01-10T17:28:25Z","https://github.com/nuxt/ui/issues/3068",0.7396223,{"description":3000,"labels":3001,"number":3003,"owner":2908,"repository":2908,"state":2930,"title":3004,"updated_at":3005,"url":3006,"score":3007},"I want to just use .css file in \u003Chead>\u003C/head (\u003Clink rel=\"stylesheet\" type=\"text/css\")> in stead of rendering CSS like this:\r\n\r\nHow can I do this?\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/c1513\">#c1513\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3002],{"name":2927,"color":2928},1689,"Not rendering CSS in code","2023-01-18T15:42:08Z","https://github.com/nuxt/nuxt/issues/1689",0.7421788,{"description":3009,"labels":3010,"number":3012,"owner":2908,"repository":2908,"state":2930,"title":3013,"updated_at":3014,"url":3015,"score":3016},"\r\nI have downloaded the page element CND, the link is http://cdn.bootcss.com/element-ui/2.4.0/index.js\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7440\">#c7440\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3011],{"name":2927,"color":2928},3592,"i use element cdn, the style of the upper element is not used in the page","2023-01-18T16:24:17Z","https://github.com/nuxt/nuxt/issues/3592",0.74220026,["Reactive",3018],{},["Set"],["ShallowReactive",3021],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fSWW7RyNhqfTt-cPvUwqH5XpQOAJuGl2f2s1mYIgKGbw":-1},"/nuxt/fonts/649"]