\n```\n\nI have to use `type=\"number\"` because we only allow numeric inputs here.\n\nPrior to adding the pin input, I used a simple input field and the schema portion was like this:\n\n```\n confirmationCode: z\n .string()\n .length(1, 'The code is required')\n .length(6, 'The code must be 6 digits long'),\n```\n\nBut when I switched to `u-pin-input`, that gave me the error \"Expected string, received array\", so I replaced it with this:\n\n```\n confirmationCode: z\n .array(z.coerce.string().length(1))\n .length(6, 'The code must be 6 digits long'),\n```\n\nThis works, but now I have a TypeScript error on the v-model: \n```\nType 'string' is not assignable to type 'number[]'.ts-plugin(2322)\nindex.d.ts(5532, 3): The expected type comes from property 'modelValue' which is declared here on type '{ readonly \"onUpdate:modelValue\"?: (value: number[]) => any; readonly onBlur?: (payload: Event) => any; readonly onChange?: (payload: Event) => any; readonly onComplete?: (value: number[]) => any; ... 19 more ...; otp?: boolean; } & VNodeProps & AllowedComponentProps & ComponentCustomProps'\n```\n\nAny additional adjustments I tried ended with further complications, so I figured it'd be better to ask than spend more time on hacky solutions that may introduce unintended scenarios.",[3159,3162],{"name":3160,"color":3161},"question","d876e3",{"name":3143,"color":3144},4779,"What's the correct way to type u-pin-input otp values in Zod?","2025-08-18T12:14:35Z","https://github.com/nuxt/ui/issues/4779",0.7502609,{"description":3169,"labels":3170,"number":3172,"owner":3149,"repository":3173,"state":3174,"title":3175,"updated_at":3176,"url":3177,"score":3178},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v18.17.1`\r\n- Nuxt Version: `3.11.2`\r\n- CLI Version: `3.11.1`\r\n- Nitro Version: `2.9.6`\r\n- Package Manager: `pnpm@8.6.11`\r\n- Builder: `-`\r\n- User Config: `devtools`, `modules`, `hub`, `nitro`\r\n- Runtime Modules: `@nuxthub/core@0.5.16`, `@nuxt/eslint@0.3.10`, `nuxt-icon@0.6.10`, `@nuxtjs/tailwindcss@6.12.0`, `@nuxt/fonts@0.7.0`\r\n- Build Modules: `-`\r\n\r\n### Version\r\n\r\nv0.7.0\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/~/github.com/larrasu/frontend-mentor\r\n\r\n```sh\r\ncd solutions/invoice-app\r\npnpm dev\r\n```\r\n\r\n### Description\r\n\r\nI've been experiencing this error in various projects. I'm not sure why I can't reproduce the error on Stackblitz. It's the same repo and branch. The error is still showing up on my end as of now. The only way to get rid of this error is by removing `@nuxt/fonts` from the `nuxt.config.ts`. So I figured there is a conflict between`@nuxt/fonts` and `@nuxt/devtools`?\r\n\r\n### Logs\r\n\r\n```sh\r\n ERROR Cannot start nuxt: Failed to get devtools context. 12:09:04 AM\r\n\r\n at extendServerRpc (node_modules/.pnpm/@nuxt+devtools-kit@1.2.0_nuxt@3.11.2_vite@5.2.11/node_modules/@nuxt/devtools-kit/dist/index.mjs:96:11)\r\n at node_modules/.pnpm/@nuxt+fonts@0.7.0_nuxt@3.11.2_vite@5.2.11/node_modules/@nuxt/fonts/dist/module.mjs:1137:11\r\n at node_modules/.pnpm/hookable@5.5.3/node_modules/hookable/dist/index.mjs:48:66\r\n at Object.run (node_modules/.pnpm/hookable@5.5.3/node_modules/hookable/dist/index.mjs:41:43)\r\n at node_modules/.pnpm/hookable@5.5.3/node_modules/hookable/dist/index.mjs:48:56\r\n at async enableModule (/Users/larrasu/.nvm/versions/node/v16.15.1/lib/node_modules/@nuxt/devtools/dist/chunks/module-main.mjs:8466:3)\r\n at async normalizedModule (/Users/larrasu/.nvm/versions/node/v16.15.1/lib/node_modules/@nuxt/devtools/node_modules/@nuxt/kit/dist/index.mjs:169:17)\r\n at async installModule (node_modules/.pnpm/@nuxt+kit@3.11.2/node_modules/@nuxt/kit/dist/index.mjs:2415:95)\r\n at async initNuxt (node_modules/.pnpm/nuxt@3.11.2_@opentelemetry+api@1.8.0_@unocss+reset@0.59.4_drizzle-orm@0.30.10_eslint@9.2.0_fl_br3acc34oknouixgtiqiyrhd6y/node_modules/nuxt/dist/index.mjs:4233:7)\r\n at async NuxtDevServer._load (node_modules/.pnpm/nuxi@3.11.1/node_modules/nuxi/dist/chunks/dev2.mjs:6879:5)\r\n```",[3171],{"name":3140,"color":3141},149,"fonts","closed","Cannot start nuxt: Failed to get devtools context.","2024-09-23T12:12:54Z","https://github.com/nuxt/fonts/issues/149",0.7061253,{"description":3180,"labels":3181,"number":3182,"owner":3149,"repository":3183,"state":3174,"title":3184,"updated_at":3185,"url":3186,"score":3187},"### Environment\n\nMacOS 12.6\r\nChrome 107\n\n### Reproduction\n\n\r\n\n\n### Describe the bug\n\n1. Go to https://v3.nuxtjs.org/api/configuration/nuxt-config/\r\n2. Click for example \"extends\" item in the menu\r\n3. Scroll menu back to the top -- content is cut off and is unscrollable\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[],991,"nuxt.com","[Docs] Sidebar menu cuts off content","2023-10-10T14:45:25Z","https://github.com/nuxt/nuxt.com/issues/991",0.71252036,{"description":3189,"labels":3190,"number":3191,"owner":3149,"repository":3192,"state":3174,"title":3193,"updated_at":3194,"url":3195,"score":3196},"My Vercel Build is Failing.\r\n\r\nGetting this error when updating dependency. Moved from \"@nuxt/icon\": \"1.2.0\" to latest 1.3.1\r\n\r\nerror Command failed with signal \"SIGKILL\".",[],215,"icon","Can't Build Production: error Command failed with signal \"SIGKILL\". on Update to 1.3.1","2024-07-24T09:10:39Z","https://github.com/nuxt/icon/issues/215",0.72102636,{"description":3198,"labels":3199,"number":3204,"owner":3149,"repository":3150,"state":3174,"title":3205,"updated_at":3206,"url":3207,"score":3208},"### Description\n\nHi,\r\n\r\nThe Icon component doesn't have a UI prop like most components. This prevent users from applying a CSS class to all instances of Icon. IMO, this is a really small harmless change, that would align Icons with the rest of the library.\r\n\r\nAs of v2.18.4, this is true for:\r\n- [ ] Form\r\n- [ ] Icon\r\n- [ ] Link\r\n\r\nAs a workaround, it's always possible to create a wrapper component.\r\n\r\n```vue\r\n\u003Cscript setup>\r\ndefineProps(['name', 'ui']);\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cu-icon :name=\"name\" :class=\"ui.base\" />\r\n\u003C/template>\r\n``` \r\n\r\nBy the way, [the doc state](https://ui.nuxt.com/getting-started/theming#ui-prop) that \"Each component has a ui prop\". Which is not true then.\n\n### Additional context\n\n_No response_",[3200,3203],{"name":3201,"color":3202},"enhancement","a2eeef",{"name":3146,"color":3147},2094,"Some component doesn't have a UI prop","2025-03-17T14:27:40Z","https://github.com/nuxt/ui/issues/2094",0.7239271,{"description":3210,"labels":3211,"number":3213,"owner":3149,"repository":3150,"state":3174,"title":3214,"updated_at":3215,"url":3216,"score":3217},"### Environment\n\n- Operating System: Windows_NT\r\n- Node Version: v20.16.0\r\n- Nuxt Version: 3.13.2\r\n- CLI Version: 3.13.2\r\n- Nitro Version: 2.9.7\r\n- Package Manager: npm@10.8.1\r\n- Builder: -\r\n- User Config: future, compatibilityDate, runtimeConfig, routeRules, app, devtools, css, modules, plugins, build, i18n, pinia, image, icon, ui, schemaOrg\r\n- Runtime Modules: @pinia/nuxt@0.5.4, @nuxtjs/i18n@8.5.5, @nuxtjs/device@3.2.4, @nuxt/image@1.8.0, @formkit/auto-animate/nuxt@0.8.2, @vueuse/nuxt@11.1.0, @nuxt/ui@2.18.6, nuxt-lodash@2.5.3, @pinia-plugin-persistedstate/nuxt@1.2.1, nuxt-schema-org@3.4.0, nuxt-gtag@2.1.0\r\n- Build Modules: -\r\n\n\n### Version\n\n2.18.6\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-im7dek?file=app.vue\n\n### Description\n\nUSelectMenu :option-attribute does not handle nested objects with dot.notation as described in the docs\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3212],{"name":3140,"color":3141},2247,"USelectMenu :option-attribute does not handle nested objects","2024-11-07T14:10:37Z","https://github.com/nuxt/ui/issues/2247",0.7250784,{"description":3219,"labels":3220,"number":3225,"owner":3149,"repository":3150,"state":3174,"title":3226,"updated_at":3227,"url":3228,"score":3229},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.12.0\n- Nuxt Version: 3.15.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: yarn@1.22.22\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/devtools@1.6.4, @nuxt/ui@2.20.0, @vueuse/nuxt@12.2.0, @vueuse/motion/nuxt@2.2.6, @nuxtjs/device@3.2.4, @nuxt/image@1.8.1, @pinia/nuxt@0.9.0, pinia-plugin-persistedstate/nuxt, @vite-pwa/nuxt@0.10.6, nuxt-snackbar@1.1.2, nuxt-gtag@3.0.2, @nuxt/eslint@0.7.4\n- Build Modules: -\n------------------------------\n\n### Version\n\nv2.20.0\n\n### Reproduction\n\n no reproduction\n\n### Description\n\nI notice there's a syntax error in the code;\nThe error is coming from a syntax error in the Headless UI Vue component code. Specifically, there's an unexpected semicolon in this line: \n(0,;__vite_ssr_import_5__.match)(i.value,{\nThis appears to be a build/compilation issue with the Headless UI Vue component. Let me check if there are any Headless UI Vue dependencies in the package.json.\n\nThe error appears when using nuxt v3.15.0 \nWith the previous \"nuxt\": \"3.14.1592\", no error. I 'm not sure if i should fill the bug Report here or in Nuxt directly!\n\n\n### Additional context\n\nUnexpected token ';'\n\n function g(e=\"\"){return e.split(/\\s+/).filter(t=>t.length>1)}let R=Symbol(\"TransitionContext\");var pe=(a=>(a.Visible=\"visible\",a.Hidden=\"hidden\",a))(pe||{});function me(){return (0,__vite_ssr_import_0__.inject)(R,null)!==null}function Te(){let e=(0,__vite_ssr_import_0__.inject)(R,null);if(e===null)throw new Error(\"A \u003CTransitionChild /> is used but it is missing a parent \u003CTransitionRoot />.\");return e}function ge(){let e=(0,__vite_ssr_import_0__.inject)(N,null);if(e===null)throw new Error(\"A \u003CTransitionChild /> is used but it is missing a parent \u003CTransitionRoot />.\");return e}let N=Symbol(\"NestingContext\");function L(e){return\"children\"in e?L(e.children):e.value.filter(({state:t})=>t===\"visible\").length>0}function Q(e){let t=(0,__vite_ssr_import_0__.ref)([]),a=(0,__vite_ssr_import_0__.ref)(!1);(0,__vite_ssr_import_0__.onMounted)(()=>a.value=!0),(0,__vite_ssr_import_0__.onUnmounted)(()=>a.value=!1);function s(n,r=__vite_ssr_import_6__.RenderStrategy.Hidden){let l=t.value.findIndex(({id:f})=>f===n);l!==-1&&((0,__vite_ssr_import_5__.match)(r,{[__vite_ssr_import_6__.RenderStrategy.Unmount](){t.value.splice(l,1)},[__vite_ssr_import_6__.RenderStrategy.Hidden](){t.value[l].state=\"hidden\"}}),!L(t)&&a.value&&(e==null||e()))}function h(n){let r=t.value.find(({id:l})=>l===n);return r?r.state!==\"visible\"&&(r.state=\"visible\"):t.value.push({id:n,state:\"visible\"}),()=>s(n,__vite_ssr_import_6__.RenderStrategy.Unmount)}return{children:t,register:h,unregister:s}}let W=__vite_ssr_import_6__.Features.RenderStrategy,he=(0,__vite_ssr_import_0__.defineComponent)({props:{as:{type:[Object,String],default:\"div\"},show:{type:[Boolean],default:null},unmount:{type:[Boolean],default:!0},appear:{type:[Boolean],default:!1},enter:{type:[String],default:\"\"},enterFrom:{type:[String],default:\"\"},enterTo:{type:[String],default:\"\"},entered:{type:[String],default:\"\"},leave:{type:[String],default:\"\"},leaveFrom:{type:[String],default:\"\"},leaveTo:{type:[String],default:\"\"}},emits:{beforeEnter:()=>!0,afterEnter:()=>!0,beforeLeave:()=>!0,afterLeave:()=>!0},setup(e,{emit:t,attrs:a,slots:s,expose:h}){let n=(0,__vite_ssr_import_0__.ref)(0);function r(){n.value|=__vite_ssr_import_2__.State.Opening,t(\"beforeEnter\")}function l(){n.value&=~__vite_ssr_import_2__.State.Opening,t(\"afterEnter\")}function f(){n.value|=__vite_ssr_import_2__.State.Closing,t(\"beforeLeave\")}function S(){n.value&=~__vite_ssr_import_2__.State.Closing,t(\"afterLeave\")}if(!me()&&(0,__vite_ssr_import_2__.hasOpenClosed)())return()=>(0,__vite_ssr_import_0__.h)(Se,{...e,onBeforeEnter:r,onAfterEnter:l,onBeforeLeave:f,onAfterLeave:S},s);let d=(0,__vite_ssr_import_0__.ref)(null),y=(0,__vite_ssr_import_0__.computed)(()=>e.unmount?__vite_ssr_import_6__.RenderStrategy.Unmount:__vite_ssr_import_6__.RenderStrategy.Hidden);h({el:d,$el:d});let{show:v,appear:A}=Te(),{register:D,unregister:H}=ge(),i=(0,__vite_ssr_import_0__.ref)(v.value?\"visible\":\"hidden\"),I={value:!0},c=(0,__vite_ssr_import_1__.useId)(),b={value:!1},P=Q(()=>{!b.value&&i.value!==\"hidden\"&&(i.value=\"hidden\",H(c),S())});(0,__vite_ssr_import_0__.onMounted)(()=>{let o=D(c);(0,__vite_ssr_import_0__.onUnmounted)(o)}),(0,__vite_ssr_import_0__.watchEffect)(()=>{if(y.value===__vite_ssr_import_6__.RenderStrategy.Hidden&&c){if(v.value&&i.value!==\"visible\"){i.value=\"visible\";return}(0,;__vite_ssr_import_5__.match)(i.value,{[\"hidden\"]:()=>H(c),[\"visible\"]:()=>D(c)})}});let j=g(e.enter),M=g(e.enterFrom),X=g(e.enterTo),_=g(e.entered),Y=g(e.leave),Z=g(e.leaveFrom),ee=g(e.leaveTo);(0,__vite_ssr_import_0__.onMounted)(()=>{(0,__vite_ssr_import_0__.watchEffect)(()=>{if(i.value===\"visible\"){let o=(0,__vite_ssr_import_3__.dom)(d);if(o instanceof Comment&&o.data===\"\")throw new Error(\"Did you forget to passthrough the ref to the actual DOM node?\")}})});function te(o){let E=I.value&&!A.value,p=(0,__vite_ssr_import_3__.dom)(d);!p||!(p instanceof HTMLElement)||E||(b.value=!0,v.value&&r(),v.value||f(),o(v.value?(0,__vite_ssr_import_7__.transition)(p,j,M,X,_,V=>{b.value=!1,V===__vite_ssr_import_7__.Reason.Finished&&l()}):(0,__vite_ssr_import_7__.transition)(p,Y,Z,ee,_,V=>{b.value=!1,V===__vite_ssr_import_7__.Reason.Finished&&(L(P)||(i.value=\"hidden\",H(c),S()))})))}return (0,__vite_ssr_import_0__.onMounted)(()=>{(0,__vite_ssr_import_0__.watch)([v],(o,E,p)=>{te(p),I.value=!1},{immediate:!0})}),(0,__vite_ssr_import_0__.provide)(N,P),(0,__vite_ssr_import_2__.useOpenClosedProvider)((0,__vite_ssr_import_0__.computed)(()=>(0,__vite_ssr_import_5__.match)(i.value,{[\"visible\"]:__vite_ssr_import_2__.State.Open,[\"hidden\"]:__vite_ssr_import_2__.State.Closed})|n.value)),()=>{let{appear:o,show:E,enter:p,enterFrom:V,enterTo:Ce,entered:ye,leave:be,leaveFrom:Ee,leaveTo:Ve,...U}=e,ne={ref:d},re={...U,...A.value&&v.value&&__vite_ssr_import_4__.env.isServer?{class:(0,__vite_ssr_import_0__.normalizeClass)([a.class,U.class,...j,...M])}:{}};return (0,__vite_ssr_import_6__.render)({theirProps:re,ourProps:ne,slot:{},slots:s,attrs:a,features:W,visible:i.value===\"visible\",name:\"TransitionChild\"})}}}),ce=he,Se=(0,__vite_ssr_import_0__.defineComponent)({inheritAttrs:!1,props:{as:{type:[Object,String],default:\"div\"},show:{type:[Boolean],default:null},unmount:{type:[Boolean],default:!0},appear:{type:[Boolean],default:!1},enter:{type:[String],default:\"\"},enterFrom:{type:[String],default:\"\"},enterTo:{type:[String],default:\"\"},entered:{type:[String],default:\"\"},leave:{type:[String],default:\"\"},leaveFrom:{type:[String],default:\"\"},leaveTo:{type:[String],default:\"\"}},emits:{beforeEnter:()=>!0,afterEnter:()=>!0,beforeLeave:()=>!0,afterLeave:()=>!0},setup(e,{emit:t,attrs:a,slots:s}){let h=(0,__vite_ssr_import_2__.useOpenClosed)(),n=(0,__vite_ssr_import_0__.computed)(()=>e.show===null&&h!==null?(h.value&__vite_ssr_import_2__.State.Open)===__vite_ssr_import_2__.State.Open:e.show);(0,__vite_ssr_import_0__.watchEffect)(()=>{if(![!0,!1].includes(n.value))throw new Error('A \u003CTransition /> is used but it is missing a :show=\"true | false\" prop.')});let r=(0,__vite_ssr_import_0__.ref)(n.value?\"visible\":\"hidden\"),l=Q(()=>{r.value=\"hidden\"}),f=(0,__vite_ssr_import_0__.ref)(!0),S={show:n,appear:(0,__vite_ssr_import_0__.computed)(()=>e.appear||!f.value)};return (0,__vite_ssr_import_0__.onMounted)(()=>{(0,__vite_ssr_import_0__.watchEffect)(()=>{f.value=!1,n.value?r.value=\"visible\":L(l)||(r.value=\"hidden\")})}),(0,__vite_ssr_import_0__.provide)(N,l),(0,__vite_ssr_import_0__.provide)(R,S),()=>{let d=(0,__vite_ssr_import_6__.omit)(e,[\"show\",\"appear\",\"unmount\",\"onBeforeEnter\",\"onBeforeLeave\",\"onAfterEnter\",\"onAfterLeave\"]),y={unmount:e.unmount};return (0,__vite_ssr_import_6__.render)({ourProps:{...y,as:\"template\"},theirProps:{},slot:{},slots:{...s,default:()=>[(0,__vite_ssr_import_0__.h)(ce,{onBeforeEnter:()=>t(\"beforeEnter\"),onAfterEnter:()=>t(\"afterEnter\"),onBeforeLeave:()=>t(\"beforeLeave\"),onAfterLeave:()=>t(\"afterLeave\"),...a,...y,...d},s.default)]},attrs:{},features:W,visible:r.value===\"visible\",name:\"Transition\"})}}});\n\n\n SyntaxError: Unexpected token ';'\n at new Script (node:vm:116:7)\n at createScript (node:vm:268:10)\n at Object.runInThisContext (node:vm:316:10)\n at ViteNodeRunner.runModule (/D:/Dev/maideo/maideo-maid/node_modules/vite-node/dist/client.mjs:398:19)\n at ViteNodeRunner.directRequest (/D:/Dev/maideo/maideo-maid/node_modules/vite-node/dist/client.mjs:381:16) \n at process.processTicksAndRejections (node:internal/process/task_queues:95:5)\n at async ViteNodeRunner.cachedRequest (/D:/Dev/maideo/maideo-maid/node_modules/vite-node/dist/client.mjs:206:14) \n at async ViteNodeRunner.dependencyRequest (/D:/Dev/maideo/maideo-maid/node_modules/vite-node/dist/client.mjs:259:12)\n at async node_modules\\@headlessui\\vue\\dist\\headlessui.esm.js:23:32\n at async ViteNodeRunner.runModule (/D:/Dev/maideo/maideo-maid/node_modules/vite-node/dist/client.mjs:399:5) \n\n### Logs\n\n```shell-script\n\n```",[3221,3222],{"name":3140,"color":3141},{"name":3223,"color":3224},"duplicate","cfd3d7",2972,"Syntax error in the Headless UI Vue component code","2024-12-25T10:39:30Z","https://github.com/nuxt/ui/issues/2972",0.72805876,{"description":3231,"labels":3232,"number":3239,"owner":3149,"repository":3149,"state":3174,"title":3240,"updated_at":3241,"url":3242,"score":3243},"### Environment\n\ndev\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-q241c3?file=server%2Ftest.get.js\n\n### Describe the bug\n\nI am endeavoring to retrieve an external API or a local API from the server/api directory. What is the appropriate method to invoke the API? Should I employ the useFetch function directly within the component for making calls, or should I designate the server directory as the central entry point for all calls throughout the project?\r\n\r\nIn this example I'm trying to access https://cat-fact.herokuapp.com/facts/ and when i'm trying to access the server/api/test the request stays as pending and the error from the console is.\r\n\r\n\"[nitro] [dev] [uncaughtException] TypeError [ERR_INVALID_ARG_TYPE]: The \"chunk\" argument must be of type string or an instance of Buffer or Uint8Array. Received an instance of Response\r\n at TypeError.get (https://githubq241c3-gola.w-credentialless.staticblitz.com/blitz.77657b1e.js:35:344855) 8:51:26 AM\r\n at getStackString (https://githubq241c3-gola.w-credentialless.staticblitz.com/blitz.77657b1e.js:35:104949)\r\n at https://githubq241c3-gola.w-credentialless.staticblitz.com/blitz.77657b1e.js:35:100603\r\n at https://githubq241c3-gola.w-credentialless.staticblitz.com/blitz.77657b1e.js:35:102400\r\n at formatValue (https://githubq241c3-gola.w-credentialless.staticblitz.com/blitz.77657b1e.js:35:104786)\r\n at inspect (https://githubq241c3-gola.w-credentialless.staticblitz.com/blitz.77657b1e.js:35:93477)\r\n at formatWithOptionsInternal (https://githubq241c3-gola.w-credentialless.staticblitz.com/blitz.77657b1e.js:35:116317)\r\n at formatWithOptions (https://githubq241c3-gola.w-credentialless.staticblitz.com/blitz.77657b1e.js:35:117572)\r\n at console.value (https://githubq241c3-gola.w-credentialless.staticblitz.com/blitz.77657b1e.js:35:1160148)\r\n at console.warn (https://githubq241c3-gola.w-credentialless.staticblitz.com/blitz.77657b1e.js:35:1160242)\r\n at console.consoleCall (https://githubq241c3-gola.w-credentialless.staticblitz.com/blitz.77657b1e.js:44:398150)\r\n at process.eval (file://file:///home/projects/github-q241c3/.nuxt/dev/index.mjs:730:22)\r\n at EventEmitter.emit (https://githubq241c3-gola.w-credentialless.staticblitz.com/blitz.77657b1e.js:35:156832)\r\n at onGlobalUncaughtException (https://githubq241c3-gola.w-credentialless.staticblitz.com/blitz.77657b1e.js:35:324224)\r\n at process.workerOnGlobalUncaughtException [as _fatalException] (https://githubq241c3-gola.w-credentialless.staticblitz.com/blitz.77657b1e.js:35:1735809)\r\n at _0x5d8645 (https://githubq241c3-gola.w-credentialless.staticblitz.com/blitz.77657b1e.js:37:260772)\r\n at https://githubq241c3-gola.w-credentialless.staticblitz.com/blitz.77657b1e.js:44:541823 {\r\n code: 'ERR_INVALID_ARG_TYPE'\"\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3233,3236],{"name":3234,"color":3235},"3.x","29bc7f",{"name":3237,"color":3238},"pending triage","E99695",21629,"server/api call external api or local api with fetch","2023-06-19T08:10:57Z","https://github.com/nuxt/nuxt/issues/21629",0.7342882,{"description":3245,"labels":3246,"number":3249,"owner":3149,"repository":3150,"state":3174,"title":3250,"updated_at":3251,"url":3252,"score":3253},"### Description\n\nhey guys,\n\nFor some reason I can't get the `@apply` function in css working with Nuxt UI V3?\n\nIf I do something like this in the `\u003Cstyle>` section of a component: \n\n```\n\u003Cstyle scoped>\nh1 {\n @apply text-4xl;\n}\n\u003C/style>\n```\n\nI get this error: \n\n\n```zsh\n\n ERROR x Build failed in 694ms 4:30:24 PM\n\n\n ERROR Nuxt Build Error: [@tailwindcss/vite:generate:build] Cannot apply unknown utility class: text-4xl \n\n```\n\nWeirdly if I do `class=\"text-4xl\"` it works? Also If I comment out the `\u003Cstyle>` section above it also works? What's going on here? it's like the `@apply` function isn't setup or recognised? How do I go about debugging this?\n",[3247,3248],{"name":3160,"color":3161},{"name":3143,"color":3144},3193,"@apply - `Cannot apply unknown utility class`","2025-01-28T16:53:52Z","https://github.com/nuxt/ui/issues/3193",0.73846525,["Reactive",3255],{},["Set"],["ShallowReactive",3258],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f0xINgk18APer1m1soa7g0ajf-jLg17eDWuMYgov8DSk":-1},"/nuxt/icon/196"]