\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_",[3088,3089,3090,3091],{"name":3020,"color":3021},{"name":3069,"color":3070},{"name":3075,"color":3076},{"name":3078,"color":3079},26514,"inlineStyles don't work! script lang=\"ts\"","2024-04-24T10:43:07Z","https://github.com/nuxt/nuxt/issues/26514",0.7465135,{"description":3098,"labels":3099,"number":3102,"owner":3026,"repository":3026,"state":3027,"title":3103,"updated_at":3104,"url":3105,"score":3106},"### Environment\n\n- **Operating System:** Windows 10\r\n- **Browser/Device:** Google Chrome 98\r\n- **Theme/Mode:** Light mode\r\n- **Additional Information:** No browser extensions are enabled, and default browser settings are used.\n\n### Reproduction\n\n1. Enable light mode in the application.\r\n2. Navigate to the section where the URL \"https://nuxt.com/deploy/koyeb\" is displayed.\r\n3. Observe that the URL is not visible or barely visible due to insufficient contrast with the background.\r\n4. Switch to dark mode and verify that the URL becomes visible and legible.\r\n5. Switch back to light mode and confirm that the URL remains difficult to read.\n\n### Describe the bug\n\n# 🚀 Bug Report\r\n\r\n### 📝 Description\r\n\r\nIn light mode, the URL \"https://nuxt.com/deploy/koyeb\" is not visible, whereas in dark mode, the icon is visible. This inconsistency affects the readability and accessibility of the content.\r\n\r\n### ✨ Describe the solution you'd like\r\n\r\nAdjust the background color or text color of the URL \"https://nuxt.com/deploy/koyeb\" in light mode to ensure it is visible and legible to users.\r\n\r\n### ✍️ Describe alternatives you've considered\r\n\r\nOne alternative solution could be to provide a contrasting background color or to change the text color of the URL to ensure visibility in both light and dark modes. Additionally, providing an underline or a hover effect on the URL could improve its discoverability for users.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3100,3101],{"name":3020,"color":3021},{"name":3023,"color":3024},27234,"Inconsistency in Visibility of URL 'https://nuxt.com/deploy/koyeb' in Light and Dark Modes","2024-05-15T16:18:02Z","https://github.com/nuxt/nuxt/issues/27234",0.74662775,{"description":3108,"labels":3109,"number":3112,"owner":3026,"repository":3026,"state":3027,"title":3113,"updated_at":3114,"url":3115,"score":3116},"### Version\n\n[v1.4.2](https://github.com/nuxt.js/releases/tag/v1.4.2)\n\n### Reproduction link\n\n[https://github.com/nuxt/nuxt.js/tree/dev/examples/with-vuetify](https://github.com/nuxt/nuxt.js/tree/dev/examples/with-vuetify)\n\n### Steps to reproduce\n\nI cloned the whole Nuxt repo at: https://github.com/nuxt/nuxt.js\n\nThen navigated to: `nuxt.js/examples/with-vuetify`\n\nThen installed dependencies with `yarn install` and ran the server with `yarn dev`.\n\nThen opened `http://localhost:3000` and saw that no colors are being presented. It's all black and white.\n\nIf I have something like `\u003Cv-btn color=\"primary\">Something\u003C/v-btn>` the text is not visible as it is colored white.\n\n### What is expected ?\n\n\n\n\n### What is actually happening?\n\n\n\n\n### Additional comments?\n\nI'm on Linux Manjaro.\nNode 10.9.0.\nit's the same with Nuxt 1.4.2 or nuxt-edge.\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/c7607\">#c7607\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3110,3111],{"name":3023,"color":3024},{"name":3057,"color":3058},3777,"Vuetify theme colors are not rendered properly","2023-01-22T15:30:05Z","https://github.com/nuxt/nuxt/issues/3777",0.74879926,{"labels":3118,"number":3127,"owner":3026,"repository":3026,"state":3027,"title":3128,"updated_at":3129,"url":3130,"score":3131},[3119,3120,3121,3124],{"name":3020,"color":3021},{"name":3069,"color":3070},{"name":3122,"color":3123},"nitro","bfd4f2",{"name":3125,"color":3126},"❗ p4-important","D93F0B",13095,"renderStyles does not render styles for app.vue dependencies","2023-01-19T16:52:49Z","https://github.com/nuxt/nuxt/issues/13095",0.7500226,{"description":3133,"labels":3134,"number":3142,"owner":3026,"repository":3045,"state":3027,"title":3143,"updated_at":3144,"url":3145,"score":3146},"### Environment\n\nWindows 11,\nNode v20.19.0\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.12\n\n### Reproduction\n\ntabs: {\n slots: {\n root: 'flex items-center gap-2',\n list: 'relative **flex-none** p-1 px-0 group',\n indicator: 'absolute transition-[translate,width] duration-200',\n trigger: [\n 'group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75',\n 'transition-colors'\n ],\n content: 'focus:outline-none w-full',\n leadingIcon: 'shrink-0',\n leadingAvatar: 'shrink-0',\n leadingAvatarSize: '',\n label: 'truncate'\n },\n\n### Description\n\nFor me it's working great with Nuxt UI to overwrite \"normal\" styles in the app.config.ts, but if I try to overwrite the component standard flex with flex-none it's not working, it is still flex. Any ideas how to solve or is it a bug?\n\nThanks\n\nChristoph \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3135,3136,3139],{"name":3069,"color":3070},{"name":3137,"color":3138},"v3","49DCB8",{"name":3140,"color":3141},"triage","ffffff",4156,"UTabs cannot overwrite flex to flex-none","2025-05-15T15:32:49Z","https://github.com/nuxt/ui/issues/4156",0.75043035,{"labels":3148,"number":3153,"owner":3026,"repository":3026,"state":3027,"title":3154,"updated_at":3155,"url":3156,"score":3157},[3149,3151,3152],{"name":3150,"color":3141},"stale",{"name":3023,"color":3024},{"name":3057,"color":3058},9973,"Minor bug: CSS with pseudo class with params when staticly generated is different from development","2023-01-22T15:45:05Z","https://github.com/nuxt/nuxt/issues/9973",0.7506668,["Reactive",3159],{},["Set"],["ShallowReactive",3162],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fhrzQXmIgTz80_edQYpM1Np8Nz3YiuRDCPkQzdaKTz7A":-1},"/nuxt/ui/1284"]