\n\n- [ ] **`UInputEditor`**\nSince Reka UI lacks a native editor component, I recommend integrating a third-party solution like [Quill](https://quilljs.com) or [TipTap](https://tiptap.dev) (which already offers Nuxt/Vue support). Although previously dismissed by the author, this feature remains highly requested by the community. \u003Cbr>\u003Cimg width=\"1009\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/4862e9e8-4769-4bd3-a40e-bc89cea5d1a1\" />\n_Related: #2698, #1889, #791_\n\n- [ ] **`UInputTime`**\nImplement the `TimeField` component from Reka UI, this component could support single and range-based time selection.\n_Related: #3089, #3969_ \u003Cbr>\u003Cimg width=\"175\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/7e338f95-eae3-4ef8-81cc-b3db28553b4e\" />\n\n- [ ] **`UInputDate`**\nImplementation of Reka UI’s `DatePicker` and `DateRangePicker`. \u003Cbr>\u003Cimg width=\"608\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/fcae5c2d-50ed-4b8b-ac89-b3272626fd48\" />\n_Related: #2524, #2873_\n\n- [ ] **`UInputDateTime`**\nA hybrid component combining `UInputDate` and `UInputTime` for scenarios requiring both date and time inputs. \u003Cbr>\u003Cimg width=\"303\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/2372467f-ca86-44a0-9667-6dc3ffa43247\" />\n\n- [ ] **`UInputMonth`**\nIdeal for cases where users need to select a combination of month and year. \u003Cbr>\u003Cimg width=\"249\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/7ee72087-0d58-47ca-b0f7-b5c239148d91\" />\n\n- [ ] **`UInputYear`**\nA simpler component for year-only selection. \u003Cbr>\u003Cimg width=\"247\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a841c974-43b7-42a1-ac3c-7fb42e85fafc\" />\n\n- [ ] **`UInputMask`**\nMasked inputs are indispensable for formatting fields like postal codes or national IDs. I suggest leveraging [Vue The Mask](https://github.com/vuejs-tips/vue-the-mask) for implementation. \u003Cbr>\u003Cimg width=\"316\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/b2a3150f-a29e-40ad-96c1-32a63b3bd9ac\" />\n_Related: #1303, #510_\n\n- [ ] **`UInputPhone`**\nA phone input with internationalization support, much like `LocaleSelect` (which already displays flags and country names). The [libphonenumber-js](https://www.npmjs.com/package/libphonenumber-js) library could serve as the foundation. \u003Cbr>\u003Cimg width=\"312\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/893a1bf3-130c-49da-b41e-8ebf468569a4\" />\n_Related: #2815_\n\n## Updates to Existing Components\n\n- [ ] **`UPinInput → UInputPin`**\nRename the existing `UPinInput` component to align with the naming convention used across other input components.\n\n- [ ] **`UInput / UTextarea`**\nAdd a native character counter via a `counter` property, configurable using the `min` and/or `max` attributes. Currently, there is an [example](https://ui3.nuxt.dev/components/input#with-character-limit) for this functionality, but a native implementation would improve the developer experience.\n\n### Additional context\n\n_No response_",[2876,2879,2880],{"name":2877,"color":2878},"enhancement","a2eeef",{"name":2860,"color":2861},{"name":2863,"color":2864},3094,"[RFP] The Inputs Update","2025-04-24T16:04:12Z","https://github.com/nuxt/ui/issues/3094",0.74556047,{"description":2887,"labels":2888,"number":2890,"owner":2866,"repository":2891,"state":2892,"title":2893,"updated_at":2894,"url":2895,"score":2896},"### 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```",[2889],{"name":2857,"color":2858},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":2898,"labels":2899,"number":2900,"owner":2866,"repository":2901,"state":2892,"title":2902,"updated_at":2903,"url":2904,"score":2905},"### 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":2907,"labels":2908,"number":2909,"owner":2866,"repository":2910,"state":2892,"title":2911,"updated_at":2912,"url":2913,"score":2914},"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":2916,"labels":2917,"number":2920,"owner":2866,"repository":2867,"state":2892,"title":2921,"updated_at":2922,"url":2923,"score":2924},"### 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_",[2918,2919],{"name":2877,"color":2878},{"name":2863,"color":2864},2094,"Some component doesn't have a UI prop","2025-03-17T14:27:40Z","https://github.com/nuxt/ui/issues/2094",0.7239271,{"description":2926,"labels":2927,"number":2929,"owner":2866,"repository":2867,"state":2892,"title":2930,"updated_at":2931,"url":2932,"score":2933},"### 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_",[2928],{"name":2857,"color":2858},2247,"USelectMenu :option-attribute does not handle nested objects","2024-11-07T14:10:37Z","https://github.com/nuxt/ui/issues/2247",0.7250784,{"description":2935,"labels":2936,"number":2941,"owner":2866,"repository":2867,"state":2892,"title":2942,"updated_at":2943,"url":2944,"score":2945},"### 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```",[2937,2938],{"name":2857,"color":2858},{"name":2939,"color":2940},"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.7280587,{"description":2947,"labels":2948,"number":2955,"owner":2866,"repository":2866,"state":2892,"title":2956,"updated_at":2957,"url":2958,"score":2959},"### 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_",[2949,2952],{"name":2950,"color":2951},"3.x","29bc7f",{"name":2953,"color":2954},"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":2961,"labels":2962,"number":2967,"owner":2866,"repository":2867,"state":2892,"title":2968,"updated_at":2969,"url":2970,"score":2971},"### 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",[2963,2966],{"name":2964,"color":2965},"question","d876e3",{"name":2860,"color":2861},3193,"@apply - `Cannot apply unknown utility class`","2025-01-28T16:53:52Z","https://github.com/nuxt/ui/issues/3193",0.73846525,["Reactive",2973],{},["Set"],["ShallowReactive",2976],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f0xINgk18APer1m1soa7g0ajf-jLg17eDWuMYgov8DSk":-1},"/nuxt/icon/196"]