",[],1885,"nuxt.com","[Nuxt Website]: \u003Cno response> Failed to fetch","2025-05-03T08:24:49Z","https://github.com/nuxt/nuxt.com/issues/1885",0.771118,{"description":2894,"labels":2895,"number":2900,"owner":2877,"repository":2901,"state":2902,"title":2903,"updated_at":2904,"url":2905,"score":2906},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.18.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.15.0\n- Nitro Version: 2.9.7\n- Package Manager: npm@10.8.2\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/eslint@0.6.0, @nuxtjs/prismic@3.4.3, @vueuse/nuxt@11.1.0, @nuxtjs/seo@2.0.0-rc.23, @nuxt/scripts@0.9.5, @formkit/nuxt@1.6.7, @nuxtjs/i18n@9.0.0-rc.2, @nuxt/ui@3.0.0-alpha.7\n- Build Modules: -\n\n### Version\n\n3.0.0-alpha.7\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-rufada?file=nuxt.config.ts\n\n### Description\n\nIt's seams that tailwind did not expose something named \"compile\" or, as Netlify Ai says, the build failure is caused by a syntax error related to a CommonJS module.\n\nI think that the problem was related to the way you import the `@tailwindcss/vite` plugin in line 77 of the `src/module.ts` but i don't understand if it's caused by the `await import()`. \n\nIn your project all work perfect after pnpm run prepare:dev. Maybe it's the way NPM (and not PNPM) installs the module? \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```\n ERROR Cannot start nuxt: The requested module 'tailwindcss' does not provide an export named 'compile' 4:27:03 PM\n\n var P=Object.defineProperty;var F=(e,t)=>{for(var s in t)P(e,s,{get:t[s],enumerable:!0})};import*as u from\"node:module\";import{pathToFileURL as X}from\"node:url\";var d={};F(d,{DEBUG:()=>T});var T=C(process.env.DEBUG);function C(e){if(e===void 0)return!1;if(e===\"true\"||e===\"1\")return!0;if(e===\"false\"||e===\"0\")return!1;if(e===\"*\")return!0;let t=e.split(\",\").map(s=>s.split(\":\")[0]);return t.includes(\"-tailwindcss\")?!1:!!t.includes(\"tailwindcss\")}import f from\"enhanced-resolve\";import{createJiti as U}from\"jiti\";import x from\"node:fs\";import J from\"node:fs/promises\";import y,{dirname as v}from\"node:path\";import{pathToFileURL as _}from\"node:url\";import{__unstable__loadDesignSystem as b,compile as W}from\"tailwindcss\";import m from\"node:fs/promises\";import a from\"node:path\";var $=[/import[\\s\\S]*?['\"](.{3,}?)['\"]/gi,/import[\\s\\S]*from[\\s\\S]*?['\"](.{3,}?)['\"]/gi,/export[\\s\\S]*from[\\s\\S]*?['\"](.{3,}?)['\"]/gi,/require\\(['\"](.+)['\"]\\)/gi],M=[\".js\",\".cjs\",\".mjs\"],N=[\"\",\".js\",\".cjs\",\".mjs\",\".ts\",\".cts\",\".mts\",\".jsx\",\".tsx\"],I=[\"\",\".ts\",\".cts\",\".mts\",\".tsx\",\".js\",\".cjs\",\".mjs\",\".jsx\"];async function O(e,t){for(let s of t){let r=${e}${s};if((await m.stat(r).catch(()=>null))?.isFile())return r}for(let s of t){let r=${e}/index${s};if(await m.access(r).then(()=>!0,()=>!1))return r}return null}async function p(e,t,s,r){let i=M.includes(r)?N:I,n=await O(a.resolve(s,t),i);if(n===null||e.has(n))return;e.add(n),s=a.dirname(n),r=a.extname(n);let o=await m.readFile(n,\"utf-8\"),l=[];for(let j of $)for(let c of o.matchAll(j))c[1].startsWith(\".\")&&l.push(p(e,c[1],s,r));await Promise.all(l)}async function g(e){let t=new Set;return await p(t,e,a.dirname(e),a.extname(e)),Array.from(t)}function B(e,{base:t,onDependency:s}){return W(e,{base:t,async loadModule(r,i){return R(r,i,s)},async loadStylesheet(r,i){return E(r,i,s)}})}async function L(e,{base:t}){return b(e,{base:t,async loadModule(s,r){return R(s,r,()=>{})},async loadStylesheet(s,r){return E(s,r,()=>{})}})}async function R(e,t,s){if(e[0]!==\".\"){let o=await S(e,t);if(!o)throw new Error(Could not resolve '${e}' from '${t}');let l=await h(_(o).href);return{base:v(o),module:l.default??l}}let r=await S(e,t);if(!r)throw new Error(Could not resolve '${e}' from '${t}');let[i,n]=await Promise.all([h(_(r).href+\"?id=\"+Date.now()),g(r)]);for(let o of n)s(o);return{base:v(r),module:i.default??i}}async function E(e,t,s){let r=await z(e,t);if(!r)throw new Error(Could not resolve '${e}' from '${t}');if(s(r),typeof globalThis.__tw_readFile==\"function\"){let n=await globalThis.__tw_readFile(r,\"utf-8\");if(n)return{base:y.dirname(r),content:n}}let i=await J.readFile(r,\"utf-8\");return{base:y.dirname(r),content:i}}var w=null;async function h(e){try{return await import(e)}catch{return w??=U(import.meta.url,{moduleCache:!1,fsCache:!1}),await w.import(e)}}var q=f.ResolverFactory.createResolver({fileSystem:new f.CachedInputFileSystem(x,4e3),useSyncFileSystemCalls:!0,extensions:[\".css\"],mainFields:[\"style\"],conditionNames:[\"style\"]});async function z(e,t){if(typeof globalThis.__tw_resolve==\"function\"){let s=globalThis.__tw_resolve(e,t);if(s)return Promise.resolve(s)}return D(q,e,t)}var A=f.ResolverFactory.createResolver({fileSystem:new f.CachedInputFileSystem(x,4e3),useSyncFileSystemCalls:!0,extensions:[\".js\",\".json\",\".node\",\".ts\"]});function S(e,t){return D(A,e,t)}function D(e,t,s){return new Promise((r,i)=>e.resolve({},s,t,{},(n,o)=>{if(n)return i(n);r(o)}))}function G(e,t){if(typeof e!=\"string\")throw new TypeError(\"expected path to be a string\");if(e===\"\\\\\"||e===\"/\")return\"/\";var s=e.length;if(s\u003C=1)return e;var r=\"\";if(s>4&&e[3]===\"\\\\\"){var i=e[2];(i===\"?\"||i===\".\")&&e.slice(0,2)===\"\\\\\\\\\"&&(e=e.slice(2),r=\"//\")}var n=e.split(/[/\\\\]+/);return t!==!1&&n[n.length-1]===\"\"&&n.pop(),r+n.join(\"/\")}function oe(e){let t=G(e);return e.startsWith(\"\\\\\\\\\")&&t.startsWith(\"/\")&&!t.startsWith(\"//\")?/${t}:t}if(!process.versions.bun){let e=u.createRequire(import.meta.url);u.register?.(X(e.resolve(\"@tailwindcss/node/esm-cache-loader\")))}export{L as __unstable__loadDesignSystem,B as compile,d as env,oe as normalizePath};\n ^^^^^^^\n SyntaxError: The requested module 'tailwindcss' does not provide an export named 'compile'\n\n at ModuleJob._instantiate (node:internal/modules/esm/module_job:146:21)\n at async ModuleJob.run (node:internal/modules/esm/module_job:229:5)\n at async ModuleLoader.import (node:internal/modules/esm/loader:473:24)\n at async setup (/Users/lucabortolussi/Projects/v3%20-%20Smartness/node_modules/@nuxt/ui/dist/module.mjs:2788:22)\n at async normalizedModule (/Users/lucabortolussi/Projects/v3%20-%20Smartness/node_modules/@nuxt/kit/dist/index.mjs:2136:17)\n at async installModule (/Users/lucabortolussi/Projects/v3%20-%20Smartness/node_modules/@nuxt/kit/dist/index.mjs:2478:95)\n at async initNuxt (/Users/lucabortolussi/Projects/v3%20-%20Smartness/node_modules/nuxt/dist/index.mjs:4506:5)\n at async NuxtDevServer._load (/Users/lucabortolussi/Projects/v3%20-%20Smartness/node_modules/nuxi/dist/chunks/dev2.mjs:1894:5)\n at async NuxtDevServer.load (/Users/lucabortolussi/Projects/v3%20-%20Smartness/node_modules/nuxi/dist/chunks/dev2.mjs:1828:7)\n at async NuxtDevServer.init (/Users/lucabortolussi/Projects/v3%20-%20Smartness/node_modules/nuxi/dist/chunks/dev2.mjs:1823:5)\n```\n",[2896,2897],{"name":2868,"color":2869},{"name":2898,"color":2899},"v3","49DCB8",2455,"ui","closed","The requested module `tailwindcss` does not provide an export named `compile`","2024-11-04T20:48:46Z","https://github.com/nuxt/ui/issues/2455",0.72711194,{"description":2908,"labels":2909,"number":2918,"owner":2877,"repository":2901,"state":2902,"title":2919,"updated_at":2920,"url":2921,"score":2922},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.19.0\n- Nuxt Version: -\n- CLI Version: 3.23.1\n- Nitro Version: -\n- Package Manager: pnpm@10.7.0\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nfreshly pulled official starter template using\n```bash\nnpx giget@latest gh:nuxt-ui-pro/starter-vue . --force\n```\ncleaned components.d.ts / deleted it\nit has been recreated: but missing ALL nuxtui components:\n\n```js\n/* eslint-disable */\n// @ts-nocheck\n// Generated by unplugin-vue-components\n// Read more: https://github.com/vuejs/core/pull/3399\n// biome-ignore lint: disable\nexport {}\n\n/* prettier-ignore */\ndeclare module 'vue' {\n export interface GlobalComponents {\n LogoPro: typeof import('./src/components/LogoPro.vue')['default']\n RouterLink: typeof import('vue-router')['RouterLink']\n RouterView: typeof import('vue-router')['RouterView']\n }\n}\n```\n\n### Description\n\nThe components.d.ts file generated by `unplugin-vue-components` is incomplete.\n\n### Additional context\n\n```js\nimport { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport uiPro from '@nuxt/ui-pro/vite'\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n plugins: [\n vue(),\n uiPro({\n ui: {\n colors: {\n primary: 'green',\n neutral: 'slate'\n }\n },\n prefix: 'U'\n })\n ]\n})\n```\n\n### Logs\n\n```shell-script\n\n```",[2910,2911,2914,2915],{"name":2868,"color":2869},{"name":2912,"color":2913},"needs reproduction","CB47CF",{"name":2898,"color":2899},{"name":2916,"color":2917},"triage","ffffff",3753,"unplugin components.d.ts not working","2025-03-31T13:04:11Z","https://github.com/nuxt/ui/issues/3753",0.7489819,{"description":2924,"labels":2925,"number":2929,"owner":2877,"repository":2901,"state":2902,"title":2930,"updated_at":2931,"url":2932,"score":2933},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\n### Description\nHi there,\n\nIn many of the projects I’m working on, I need to display a limited number of items in the command palette when no search is performed and show more items when a search is initiated.\n\nCurrent Issue\nThe `resultLimit` currently controls how many search results are shown, but I want to decouple the initial number of displayed items from the search result limit. Specifically, I want to:\n\n- Display 5 items by default when no search is performed.\n- Increase the number of displayed items to 20 when a search is initiated, controlled by the `resultLimit`, without affecting the initial state.\n- When attempting to conditionally control this behavior using a computed property, the feature does not work as expected.\n\n Versions\n\n@nuxt/ui: ^2.18.2\nnuxt: ^3.12.4\n\nExample\n\n```Javascript\n\u003Ctemplate>\n \u003CUCommandPalette\n command-attribute=\"title\"\n :fuse=\"{\n resultLimit: computedResultLimit\n }\"\n />\n\u003C/template>\n\n\u003Cscript setup>\nconst searchTerm = ref('');\n\nconst computedResultLimit = computed(() => {\n if (!searchTerm.value) {\n return 5;\n }\n return 20;\n});\n\u003C/script>\n```\n",[2926],{"name":2927,"color":2928},"question","d876e3",2393,"Command Palette: Specific Item Display with Conditional resultLimit Behavior","2024-10-16T09:31:26Z","https://github.com/nuxt/ui/issues/2393",0.75008494,{"description":2935,"labels":2936,"number":2938,"owner":2877,"repository":2901,"state":2902,"title":2939,"updated_at":2940,"url":2941,"score":2942},"Currently, portal components (modals, popovers, etc.) are directly attached to the root of the body. It would be beneficial to allow specifying their destination within the configuration .This would provide greater control over rendering order and potential styling conflicts, especially in complex applications with open shadow Dom. \n\nFor instance, a developer might want to render a modal within a specific container to inherit styles or avoid interference with other elements on the page (I currently using Nuxt ui as a web component withing WordPress). \n\nThe proposed configuration option could be a CSS selector string, allowing for flexible targeting of any existing element in the DOM defaulting to 'body'. ",[2937],{"name":2898,"color":2899},3687,"Allow specify portal destination for all portaled components","2025-04-21T15:42:56Z","https://github.com/nuxt/ui/issues/3687",0.75023,{"description":2944,"labels":2945,"number":2949,"owner":2877,"repository":2877,"state":2902,"title":2950,"updated_at":2951,"url":2952,"score":2953},"So I am the unlucky one who has to work on Christmas holidays and now nuxt has given up on me too :cry: \r\n\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://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2149\">#c2149\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2946],{"name":2947,"color":2948},"2.x","d4c5f9",2474,"Website Down","2023-01-18T15:55:18Z","https://github.com/nuxt/nuxt/issues/2474",0.7505551,{"description":2955,"labels":2956,"number":2959,"owner":2877,"repository":2901,"state":2902,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Environment\n\nOperating System: `Darwin`\nNode Version: `v22.11.0`\nNuxt Version: `3.14.1592`\nCLI Version: `3.16.0`\nNitro Version: `2.10.4`\nPackage Manager: `npm@10.9.0`\nBuilder: -\nUser Config: `default`\nRuntime Modules: `@nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.2, @nuxt/image@1.8.1`\nBuild Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.9\n\n### Reproduction\n\nhttps://github.com/makvv4/nuxtui3-avatar-bug-reproduction\n\n### Description\n\nIn the markup we see the correct link to the image, but in the avatar component only a fallback is displayed.\nIn the Network tab, you can see that there are multiple requests made at the same time: one with the correct link, and another request links to the localhost.\n\nThe provider is located in `/providers/my-img-provider.ts`\nAnd config looks like:\n```javascript\nexport default defineNuxtConfig({\n devtools: { enabled: true },\n modules: ['@nuxt/ui', '@nuxt/eslint', '@nuxt/image'],\n css: ['~/assets/css/main.css'],\n\n future: {\n compatibilityVersion: 4,\n },\n\n compatibilityDate: '2024-11-27',\n\n image: {\n providers: {\n myImgProvider: {\n provider: '~~/providers/my-img-provider.ts',\n },\n },\n provider: 'myImgProvider',\n },\n})\n```\n\n### Additional context\n\n\n\n\n\n\n\n\n\n### Logs\n\n```shell-script\n\n```",[2957,2958],{"name":2868,"color":2869},{"name":2898,"color":2899},2857,"[v3][UAvatar] `UAvatar` breaks when using `@nuxt/image` with custom provider","2025-01-11T15:14:06Z","https://github.com/nuxt/ui/issues/2857",0.7533009,{"description":2965,"labels":2966,"number":2967,"owner":2877,"repository":2888,"state":2902,"title":2968,"updated_at":2969,"url":2970,"score":2971},"- [x] Colors & Fonts\n- [x] Landing page (Home)\n- [x] Showcase categories/hero\n- [x] Modules categories/hero\n- [x] Blog categories/hero\n- [x] Support hero/content",[],1305,"Marketing Update","2023-07-04T10:00:31Z","https://github.com/nuxt/nuxt.com/issues/1305",0.7538299,{"description":2973,"labels":2974,"number":2976,"owner":2877,"repository":2901,"state":2902,"title":2977,"updated_at":2978,"url":2979,"score":2980},"### Description\r\n\r\nHey!\r\nIm using an UInput type number and encountered something strange.\r\nIt is not possible to write the number \"1.04\" or \"0.06\". The culprit seems to be the \"0\" after the \".\".\r\nFurther example of working decimal: \"1.14\", 1.56\"\r\nIt works fine if you use \",\" as a comma but my mobile phones number keyboard only provides \".\".\r\n\r\nThe same behvaiour can be tested here:\r\nhttps://ui.nuxt.com/components/input\r\n\r\nIm using Mac and Chrome to test.\r\n\r\nLet me know what you think! :)",[2975],{"name":2868,"color":2869},1722,"Nuxt UI - UInput Type Number - weird behaviour with decimals","2025-03-28T17:59:29Z","https://github.com/nuxt/ui/issues/1722",0.7563841,["Reactive",2982],{},["Set"],["ShallowReactive",2985],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fjk1fIcocvbboTKKCc0Nq6bgrH-DE3r-2a9PfSY6TwI8":-1},"/nuxt/ui/2129"]