even without any other code.\n\n### Version\n\nv3.0.0-alpha.5\n\n### Reproduction\n\n`\u003Ctemplate>\n \u003CUContainer>\n \u003CUForm :schema=\"schema\" :state=\"state\" class=\"space-y-4\" @submit=\"onSubmit\">\n \u003CUFormField label=\"Code\" name=\"Code\"\n >\u003CUInput v-model=\"state.code\" />\n \u003C/UFormField>\n \u003C/UForm>\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nimport { z } from 'zod';\nimport type { FormSubmitEvent } from '#ui/types';\n\nconst supabase = useSupabaseClient();\nconst toast = useToast();\n\n//Form\nconst schema = z.object({\n code: z.string().min(3),\n});\n\ntype Schema = z.output\u003Ctypeof schema>;\n\nconst state = reactive\u003CPartial\u003CSchema>>({\n code: undefined,\n});\n\nasync function onSubmit(event: FormSubmitEvent\u003CSchema>) {\n toast.add({\n title: 'Success',\n description: 'The form has been submitted.',\n color: 'success',\n });\n console.log(event.data);\n}\n\u003C/script>\n`\n\n### Description\n\nUInput causes an error\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2032,2033],{"name":2011,"color":2012},{"name":1988,"color":1989},2349,"UInput causes error","2024-10-10T14:15:25Z","https://github.com/nuxt/ui/issues/2349",0.6895391,{"description":2040,"labels":2041,"number":2049,"owner":1991,"repository":1992,"state":2015,"title":2050,"updated_at":2051,"url":2052,"score":2053},"### Description\n\nBreadcrumb uses Link (and LinkBase) to implement the item rendering and navigation. Link (through LinkBase) in itself supports `onClick` event/prop. Now, passing `onClick` to the breadcrumb item does not go all the way through to the LinkBase, and thus prevents the fine-grained control of the Breadcrumb component.\n\nThe usage would look something like this:\n```\n\u003Ctemplate>\n \u003CUBreadcrumb :items=\"items\" />\n\u003C/template>\n\u003Cscript setup>\nconst items = [\n { label: \"click for one\", onClick: () => alert(\"1\"), to: \"/one\" },\n { label: \"click for two\", onClick: () => alert(\"2\"), to: \"/two\" },\n]\n\u003C/script>\n```\n\nMy need is to have some secondary effects happening besides the navigation when the user clicks on a breadcrumb item.\n\n### Additional context\n\n_No response_",[2042,2045,2046],{"name":2043,"color":2044},"enhancement","a2eeef",{"name":1988,"color":1989},{"name":2047,"color":2048},"triage","ffffff",3631,"Support for `onClick` event on Breadcrumb items","2025-03-24T18:08:16Z","https://github.com/nuxt/ui/issues/3631",0.6956295,{"description":2055,"labels":2056,"number":2060,"owner":1991,"repository":1991,"state":2015,"title":2061,"updated_at":2062,"url":2063,"score":2064},"\u003C!--\r\n🚨 IMPORTANT 🚨\r\n\r\nPlease use the following link to create a new issue:\r\n\r\n- 🚨 Bug report - https://bug.nuxtjs.org/ \r\n- 🙋 Feature request - https://feature.nuxtjs.org/ \r\n- ❗️ All other issues - https://cmty.nuxtjs.org/ \r\n\r\nIf your issue was not created using the app above, **it will be closed immediately**.\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://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8325\">#c8325\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2057],{"name":2058,"color":2059},"2.x","d4c5f9",4586,"a x y n c","2023-01-18T20:06:18Z","https://github.com/nuxt/nuxt/issues/4586",0.7016374,{"description":2066,"labels":2067,"number":2071,"owner":1991,"repository":1992,"state":2015,"title":2072,"updated_at":2073,"url":2074,"score":2075},"### Description\n\nI am using the UFormGroup component. My use case is I want to have the label and/or description set dynamically based on a value coming from my Api.\n\nIs there any way of doing it and if yes were can I find some example?\n\nThank you\n",[2068],{"name":2069,"color":2070},"question","d876e3",3337,"UFormGroup dynamic Description","2025-02-17T02:56:17Z","https://github.com/nuxt/ui/issues/3337",0.7094167,{"description":2077,"labels":2078,"number":2081,"owner":1991,"repository":1992,"state":2015,"title":2082,"updated_at":2083,"url":2084,"score":2085},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nIn my Nuxt 3 project (that uses Nuxt UI `v3.0.0-alpha9`), I have a Vue component like this:\n\n```vue\n\u003Cscript setup lang=\"ts\">\n...\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUContainer class=\"section\">\n ...\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cstyle scoped lang=\"scss\">\n@use \"tailwindcss\";\n\n.section + .section {\n @apply mt-8 lg:mt-12;\n}\n\u003C/style>\n```\n\nThe problem is that `@apply mt-8 lg:mt-12;` doesn't work unless I add this to my `nuxt.config.ts`:\n```\npostcss: {\n plugins: {\n \"@tailwindcss/postcss\": {}, // https://tailwindcss.com/docs/v4-beta#using-post-css\n },\n},\n```\n\nHowever, when I do this, the Nuxt UI components stop working properly (e.g., Slideover renders at the bottom of the page and with wrong styling). How can I make the `@apply ...` work without breaking the Nuxt UI components?\n\nThis is my `package.json`:\n```json\n{\n \"name\": \"frontend\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"postinstall\": \"husky install && nuxt prepare\",\n \"dev\": \"nuxt dev\",\n \"build\": \"nuxt build\",\n \"preview\": \"nuxt preview\"\n },\n \"dependencies\": {\n \"@nuxt/ui\": \"^3.0.0-alpha.9\",\n \"nuxt\": \"latest\",\n \"nuxt-svgo\": \"latest\",\n \"vue\": \"latest\",\n \"vue-router\": \"latest\"\n },\n \"devDependencies\": {\n \"@commitlint/cli\": \"latest\",\n \"@commitlint/config-conventional\": \"latest\",\n \"husky\": \"latest\",\n \"sass\": \"latest\"\n }\n}\n```\n\nThis is my `nuxt.config.ts`:\n```ts\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n compatibilityDate: \"2024-04-03\",\n devtools: { enabled: false },\n modules: [\"@nuxt/ui\", \"nuxt-svgo\"],\n css: [\"@/assets/css/main.css\"],\n // postcss: {\n // plugins: {\n // \"@tailwindcss/postcss\": {}, // https://tailwindcss.com/docs/v4-beta#using-post-css\n // },\n // },\n appConfig: {\n // https://ui3.nuxt.dev/getting-started/theme#colors\n ui: {\n colors: {\n primary: \"primary\", // Defined in `assets/css/theme.css`\n secondary: \"secondary\", // Defined in `assets/css/theme.css`\n },\n },\n },\n});\n```\n\nThis is my `assets/main.css`:\n```css\n/* https://ui3.nuxt.dev/getting-started/installation/nuxt#import-tailwind-css-and-nuxt-ui-in-your-css */\n@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n```",[2079,2080],{"name":2069,"color":2070},{"name":1988,"color":1989},2772,"@apply Tailwind CSS class in a component's `\u003Cstyle>` tag","2024-12-09T11:14:28Z","https://github.com/nuxt/ui/issues/2772",0.71086746,{"description":2087,"labels":2088,"number":2093,"owner":1991,"repository":1991,"state":2015,"title":2094,"updated_at":2095,"url":2096,"score":2097},"### Environment\r\n\r\n System:\r\n OS: Windows 10 10.0.19045\r\n CPU: (8) x64 Intel(R) Core(TM) i3-10100F CPU @ 3.60GHz \r\n Memory: 8.10 GB / 15.93 GB\r\n Binaries:\r\n Node: 20.11.0 - C:\\Program Files\\nodejs\\node.EXE\r\n Yarn: 1.22.19 - F:\\Other\\nodejs\\global\\yarn.CMD\r\n npm: 10.2.4 - C:\\Program Files\\nodejs\\npm.CMD\r\n pnpm: 8.6.0 - F:\\Other\\nodejs\\global\\pnpm.CMD\r\n Browsers:\r\n Edge: Spartan (44.19041.1266.0), Chromium (117.0.2045.36)\r\n Internet Explorer: 11.0.19041.1566\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-7jsgdv?file=nuxt.config.js\r\n\r\n### Describe the bug\r\nmy test site:http://nuxt2.cqyx.vip\r\nWhen I use the npm run generate,cdn prefix of //, the example.\r\n{.\r\nbuild: {.\r\npublicPath: \"//static.cqyx.vip/nuxt2/\"\r\n}.\r\n}.\r\nStatic resources will report an error and there will be two manifest.js references\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_",[2089,2092],{"name":2090,"color":2091},"pending triage","E99695",{"name":2058,"color":2059},25989,"generate bug","2024-06-30T09:21:40Z","https://github.com/nuxt/nuxt/issues/25989",0.71089613,["Reactive",2099],{},["Set"],["ShallowReactive",2102],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"lvvcl3cWREICSlrYgZR43Cw5tlsygsy1e3HNhLhsaoQ":-1},"/nuxt/ui/2777"]