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_",[2941,2942],{"name":2918,"color":2919},{"name":2886,"color":2887},2349,"UInput causes error","2024-10-10T14:15:25Z","https://github.com/nuxt/ui/issues/2349",0.6707582,{"description":2949,"labels":2950,"number":2960,"owner":2874,"repository":2874,"state":2909,"title":2961,"updated_at":2962,"url":2963,"score":2964},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v18.15.0\r\n- Nuxt Version: 3.8.0\r\n- CLI Version: 3.9.1\r\n- Nitro Version: 2.7.0\r\n- Package Manager: yarn@1.22.19\r\n- Builder: -\r\n- User Config: app, bugsnag, css, dir, experimental, gtag, image, modules, nitro, pinia, piniaPersistedstate, postcss, srcDir, ssr, telemetry, typescript, vite\r\n- Runtime Modules: @pinia/nuxt@0.4.11, @pinia-plugin-persistedstate/nuxt@1.1.2, nuxt-swiper@1.2.2, nuxt-bugsnag@6.5.4, nuxt-gtag@1.1.1, @nuxt/image@1.0.0\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\n-\r\n\r\n### Describe the bug\r\n\r\nIt runs fine with local build. After deploying to Vercel, accessing a non-existent page.\r\n\r\nbody\r\n```json\r\n{\r\n \"statusCode\": 404,\r\n \"statusMessage\": \"test\",\r\n \"stack\": []\r\n}\r\n```\r\n\r\nheaders\r\n```\r\nAge: 0\r\nCache-Control: public, max-age=0, must-revalidate\r\nContent-Encoding: br\r\nContent-Type: application/json\r\nDate: Wed, 25 Oct 2023 04:19:18 GMT\r\nServer: Vercel\r\nStrict-Transport-Security: max-age=63072000; includeSubDomains; preload\r\nX-Robots-Tag: noindex\r\nX-Vercel-Cache: MISS\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_",[2951,2954,2957],{"name":2952,"color":2953},"3.x","29bc7f",{"name":2955,"color":2956},"pending triage","E99695",{"name":2958,"color":2959},"needs reproduction","FBCA04",23926,"Vercel: 404 page returns JSON content","2023-10-26T08:46:40Z","https://github.com/nuxt/nuxt/issues/23926",0.67888236,{"description":2966,"labels":2967,"number":2968,"owner":2874,"repository":2969,"state":2909,"title":2970,"updated_at":2971,"url":2972,"score":2973},"Could there be an issue with the website deployment?\n\n",[],1769,"nuxt.com","Website documentation is outdated","2025-01-27T10:26:08Z","https://github.com/nuxt/nuxt.com/issues/1769",0.68810046,{"description":2975,"labels":2976,"number":2979,"owner":2874,"repository":2875,"state":2909,"title":2980,"updated_at":2981,"url":2982,"score":2983},"### 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```",[2977,2978],{"name":2930,"color":2931},{"name":2886,"color":2887},2772,"@apply Tailwind CSS class in a component's `\u003Cstyle>` tag","2024-12-09T11:14:28Z","https://github.com/nuxt/ui/issues/2772",0.6884964,["Reactive",2985],{},["Set"],["ShallowReactive",2988],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fEmKO4204jN38CJz-SbMfvU5ceX6IwjqEhP2TNixowDU":-1},"/nuxt/ui/3570"]