\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",[2013],{"name":2014,"color":2015},"question","d876e3",2393,"closed","Command Palette: Specific Item Display with Conditional resultLimit Behavior","2024-10-16T09:31:26Z","https://github.com/nuxt/ui/issues/2393",0.7524898,{"description":2023,"labels":2024,"number":2026,"owner":1994,"repository":2005,"state":2017,"title":2027,"updated_at":2028,"url":2029,"score":2030},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v20.15.1\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: pnpm@9.12.0\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\nv2.18.7\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-3rqgxj?file=app.vue\n\n### Description\n\nThe `UTable` component doesn't have a border\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2025],{"name":1985,"color":1986},2438,"No border in `UTable` component","2024-10-23T08:31:25Z","https://github.com/nuxt/ui/issues/2438",0.75364494,{"description":2032,"labels":2033,"number":2040,"owner":1994,"repository":2005,"state":2017,"title":2041,"updated_at":2042,"url":2043,"score":2044},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\nI would like the `useModal` composable to supports opening multiple modals.\n\n### Additional context\n\n_No response_",[2034,2037],{"name":2035,"color":2036},"enhancement","a2eeef",{"name":2038,"color":2039},"v3","49DCB8",2799,"[v3][UModal] `useModal` supports multiple modals at the same time","2025-02-27T16:32:50Z","https://github.com/nuxt/ui/issues/2799",0.77820563,{"description":2046,"labels":2047,"number":2050,"owner":1994,"repository":2005,"state":2017,"title":2051,"updated_at":2052,"url":2053,"score":2054},"### Description\n\nFaced with such a problem that if there are enough divs in the modal window, then the modal window acquires a shell bar. \n\nThe question is, is it possible to customize the scrollbar inside the modal window?.\n\nI tried to write shell styles inside the ui settings, or in the app.config.ts style separately for modal, but nothing worked.\n\nI am using Nuxt UI 3 (3.0.0-beta.2).\n\n```\n\u003CUModal\n :title=\"`edit product ${props.product.name}`\"\n description=\"text text text text text text text text text text text text text text text!\"\n :ui=\"{\n content: 'w-[600px] max-w-full modal-body-scroll',\n body: 'modal-body-scroll',\n title: 'text-(--ui-primary)'\n }\"\n > \n //content divs\n\u003C/UModal>\n\n\n//Test style in the modal-body-scroll class\n\u003Cstyle scoped>\n.modal-body-scroll {\n max-height: 20px;\n overflow-y: auto;\n scrollbar-width: thin;\n scrollbar-color: #6c6c6f transparent;\n}\n\n.modal-body-scroll::-webkit-scrollbar {\n width: 8px;\n}\n\n.modal-body-scroll::-webkit-scrollbar-thumb {\n background-color: #6c6c6f;\n border-radius: 4px;\n}\n\n.modal-body-scroll::-webkit-scrollbar-track {\n background: transparent;\n}\n\u003C/style>\n```\n\n\n\n\n",[2048,2049],{"name":2014,"color":2015},{"name":2038,"color":2039},3459,"scroll in the modal","2025-03-09T12:25:08Z","https://github.com/nuxt/ui/issues/3459",0.7947748,{"description":2056,"labels":2057,"number":2060,"owner":1994,"repository":2005,"state":2017,"title":2061,"updated_at":2062,"url":2063,"score":2064},"### 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",[2058,2059],{"name":1985,"color":1986},{"name":2038,"color":2039},2455,"The requested module `tailwindcss` does not provide an export named `compile`","2024-11-04T20:48:46Z","https://github.com/nuxt/ui/issues/2455",0.79637295,{"description":2066,"labels":2067,"number":2071,"owner":1994,"repository":1994,"state":2017,"title":2072,"updated_at":2073,"url":2074,"score":2075},"I have 2 options in mind: \r\n\r\n1. setting up my own oauth2 server with oauth2orize, but it seems a bit overkill and I'm still a bit lost on how to set this up\r\n\r\n2. Performing initial auth with passport-local/passport-facebook to issue a jwt used to authenticate each request with passport-http-bearer\r\n\r\nI'm really wondering what is recommended with Nuxt?\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/c1850\">#c1850\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2068],{"name":2069,"color":2070},"2.x","d4c5f9",2085,"[Question] Nuxt way for local and social authentication","2023-01-18T15:43:03Z","https://github.com/nuxt/nuxt/issues/2085",0.79700536,{"description":2077,"labels":2078,"number":2083,"owner":1994,"repository":2005,"state":2017,"title":2084,"updated_at":2085,"url":2086,"score":2087},"After many requests from the community (nuxt/ui#187, nuxt/ui#298, nuxt/ui#543, nuxt/ui#850, nuxt/ui#1514, etc.), the goal would be to make `@nuxt/ui` compatible for non-Nuxt apps as a Vite plugin I guess.\r\n\r\nThe minimal features would be to:\r\n\r\n- Run Tailwind CSS vite plugin\r\n- Inject components\r\n- Inject composables\r\n- Use `@iconify/vue` instead of `@nuxt/icon` (we don't need that much complexity I guess)\r\n- Use VueUse https://vueuse.org/core/useDark/#usedark instead of `@nuxtjs/color-mode`\r\n- Make Nuxt specific imports (`#imports`, `#build`, etc.) work\r\n- Make Nuxt specific composables (`useAppConfig`, ~~`useId`~~, etc.) work\r\n- Make theming with `app.config.ts` work in some way",[2079,2082],{"name":2080,"color":2081},"feature","A27AF6",{"name":2038,"color":2039},2129,"Vue compatibility","2024-11-21T09:41:35Z","https://github.com/nuxt/ui/issues/2129",0.80347526,{"description":2089,"labels":2090,"number":2093,"owner":1994,"repository":1995,"state":2017,"title":2094,"updated_at":2095,"url":2096,"score":2097},"### Environment\n\n- Operating System: Windows_NT\r\n- Node Version: v21.7.3\r\n- Nuxt Version: ^3.11.2\r\n- CLI Version: 3.13.1\r\n- Nitro Version: -\r\n- Package Manager: npm\r\n- Builder: - vite\r\n- User Config: compatibilityDate, devtools, modules, i18n\r\n- Runtime Modules: @pinia/nuxt@^0.5.1, @nuxt/test-utils/module@^3.13.1, @nuxt/devtools@^1.3.1, @nuxtjs/robots@^3.0.0, @nuxtjs/tailwindcss@^6.12.0, @nuxtjs/eslint-module@^4.1.0, @nuxtjs/i18n@^8.3.1, @vite-pwa/nuxt@^0.7.0, nuxt-clarity-analytics@^0.0.6, @nuxt/image@^1.7.0\r\n- Build Modules: -\r\n\n\n### Reproduction\n\nHere is reproduce, just try to install dependances.\r\n[@nuxt-test-utils-dependaces-error.zip](https://github.com/user-attachments/files/16807301/%40nuxt-test-utils-dependaces-error.zip)\n\n### Describe the bug\n\nnpm i catch npm ERR! ERESOLVE could not resolve\r\n\n\n### Additional context\n\nI reinstalled dependancy and caught error.\n\n### Logs\n\n```shell-script\nPS C:\\reproduce\\nuxt-autocomplit-type-error> npm i\r\nnpm ERR! code ERESOLVE\r\nnpm ERR! ERESOLVE could not resolve\r\nnpm ERR! \r\nnpm ERR! While resolving: nuxt-app@undefined\r\nnpm ERR! Found: vue@3.4.38\r\nnpm ERR! node_modules/vue\r\nnpm ERR! peer vue@\"^3.3.4\" from @nuxt/test-utils@3.14.1\r\nnpm ERR! node_modules/@nuxt/test-utils\r\nnpm ERR! dev @nuxt/test-utils@\"^3.13.1\" from the root project\r\nnpm ERR! peer vue@\"^3.2.0\" from vue-router@4.4.3\r\nnpm ERR! node_modules/vue-router\r\nnpm ERR! vue-router@\"^4.3.2\" from the root project\r\nnpm ERR! peer vue-router@\"^4.0.0\" from @nuxt/test-utils@3.14.1\r\nnpm ERR! node_modules/@nuxt/test-utils\r\nnpm ERR! dev @nuxt/test-utils@\"^3.13.1\" from the root project\r\nnpm ERR! 1 more (@nuxtjs/i18n)\r\nnpm ERR!\r\nnpm ERR! Could not resolve dependency:\r\nnpm ERR! dev @pinia/testing@\"^0.1.3\" from the root project\r\nnpm ERR!\r\nnpm ERR! Conflicting peer dependency: vue@2.6.14\r\nnpm ERR! node_modules/vue\r\nnpm ERR! peer vue@\">= 2.5 \u003C 2.7\" from @vue/composition-api@1.7.2\r\nnpm ERR! node_modules/@vue/composition-api\r\nnpm ERR! peerOptional @vue/composition-api@\"^1.4.0\" from pinia@2.2.2\r\nnpm ERR! node_modules/pinia\r\nnpm ERR! pinia@\"^2.1.7\" from the root project\r\nnpm ERR! 1 more (@pinia/testing)\r\nnpm ERR!\r\nnpm ERR! Fix the upstream dependency conflict, or retry\r\nnpm ERR! this command with --force or --legacy-peer-deps\r\nnpm ERR! to accept an incorrect (and potentially broken) dependency resolution.\r\nnpm ERR! \r\nnpm ERR!\r\nnpm ERR! For a full report see:\r\nnpm ERR! C:\\Users\\AppData\\Local\\npm-cache\\_logs\\2024-08-29T22_11_47_097Z-eresolve-report.txt\r\n\r\nnpm ERR! A complete log of this run can be found in: C:\\Users\\AppData\\Local\\npm-cache\\_logs\\2024-08-29T22_11_47_097Z-debug-0.log\n```\n",[2091,2092],{"name":1985,"color":1986},{"name":1991,"color":1992},928,"Confilcts with @nuxt/test-utils and Nuxt3","2024-12-04T16:32:32Z","https://github.com/nuxt/test-utils/issues/928",0.8075455,["Reactive",2099],{},["Set"],["ShallowReactive",2102],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"1f7A1aTDKgb9OnAvdyRl_fG76BatWhjaYcTG7BZaqVs":-1},"/nuxt/ui/2615"]