\n\n \u003Ctemplate #panel>\n \u003CRegioloketPreview \n :data=\"row\"\n />\n \u003C/template>\n \u003C/UPopover>\n \u003C/template>\n\n```\n\n",[2856,2859],{"name":2857,"color":2858},"question","d876e3",{"name":2860,"color":2861},"stale","ededed",2435,"nuxt","ui","open","@hover event for UTable rows","2025-02-14T01:58:49Z","https://github.com/nuxt/ui/issues/2435",0.749331,{"description":2871,"labels":2872,"number":2882,"owner":2863,"repository":2864,"state":2865,"title":2883,"updated_at":2884,"url":2885,"score":2886},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.13.1\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.8\n- Package Manager: pnpm@10.8.1\n- Builder: -\n- User Config: app, compatibilityDate, css, devtools, devServer, eslint, imports, modules, runtimeConfig, sourcemap, ssr, icon, ui, colorMode\n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/ui@3.0.2, @vueuse/nuxt@13.0.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/condescending-mcnulty-k5jgtf\n\n### Description\n\nHi 👋,\n\nI’ve noticed an issue with the `ColorPicker` component related to color precision.\n\n🐛 Bug Description\n\nWhen I manually input the hex value `#123456` into the `ColorPicker`, it gets changed to `#123354` immediately.\n\nAfter digging into the source code, I found that the component uses `colortranslator` and internally converts colors via HSL using HSLObject. It appears that during the RGB → HSL → RGB round-trip, there’s a slight loss of precision, which results in the hex value being altered.\n\nIt seems that the issue might be caused by the `decimals` option being set to `2`, while the default value in `colortranslator` is `6`. \n\nhttps://github.com/nuxt/ui/blob/2b315fd855666b02d32373769c8617dd713a8d0a/src/runtime/components/ColorPicker.vue#L104-L109\n\nOr `Math.round` here:\n\nhttps://github.com/nuxt/ui/blob/2b315fd855666b02d32373769c8617dd713a8d0a/src/runtime/components/ColorPicker.vue#L28-L36\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2873,2876,2879],{"name":2874,"color":2875},"bug","d73a4a",{"name":2877,"color":2878},"v3","49DCB8",{"name":2880,"color":2881},"triage","ffffff",3948,"[ColorPicker] ColorPicker alters manually entered hex value due to precision loss in colortranslator","2025-04-22T09:04:57Z","https://github.com/nuxt/ui/issues/3948",0.75913715,{"description":2888,"labels":2889,"number":2894,"owner":2863,"repository":2864,"state":2865,"title":2895,"updated_at":2896,"url":2897,"score":2898},"### Description\n\nReka UI has its own [Time Field](https://reka-ui.com/docs/components/time-field) component, but Nuxt UI doesn't provide any component based on that, to easily pick time. I think it would be nice to have.\nI see it with a similar structure to the `Calendar` one, so with both single and range.\nI'm not sure about the name, should it be `Clock` or `Time Field`?\n\nI would like to start a PR for that to get confident with the codebase, can I ?\n\n\n### Additional context\n\n_No response_",[2890,2893],{"name":2891,"color":2892},"feature","A27AF6",{"name":2877,"color":2878},3089,"[InputTime] Implement component","2025-01-14T09:57:06Z","https://github.com/nuxt/ui/issues/3089",0.78227395,{"description":2900,"labels":2901,"number":2908,"owner":2863,"repository":2909,"state":2910,"title":2911,"updated_at":2912,"url":2913,"score":2914},"",[2902,2905],{"name":2903,"color":2904},"enhancement","1ad6ff",{"name":2906,"color":2907},"responsive","1cd1c6",821,"nuxt.com","closed","[Navbar] Add color mode switch in mobile aside nav","2023-02-15T12:31:01Z","https://github.com/nuxt/nuxt.com/issues/821",0.73472244,{"description":2916,"labels":2917,"number":2920,"owner":2863,"repository":2864,"state":2910,"title":2921,"updated_at":2922,"url":2923,"score":2924},"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",[2918,2919],{"name":2891,"color":2892},{"name":2877,"color":2878},2129,"Vue compatibility","2024-11-21T09:41:35Z","https://github.com/nuxt/ui/issues/2129",0.7596172,{"description":2926,"labels":2927,"number":2934,"owner":2863,"repository":2909,"state":2910,"title":2935,"updated_at":2936,"url":2937,"score":2938},"_Improve the design of the modules page with [Raycast](https://www.raycast.com/store) page as the main source of inspiration._\n\n### Todos\n- [ ] Create a responsive design for the modules listing page sync with the API.\n- [ ] Card are external links.\n",[2928,2931],{"name":2929,"color":2930},"design","00bd6f",{"name":2932,"color":2933},"dev","018415",1337,"Modules Page","2023-10-10T14:44:51Z","https://github.com/nuxt/nuxt.com/issues/1337",0.76093733,{"description":2940,"labels":2941,"number":2942,"owner":2863,"repository":2909,"state":2910,"title":2943,"updated_at":2944,"url":2945,"score":2946},"### Environment\n\nbrowser chrome\n\n### Reproduction\n\nopen https://nuxt.com/modules in browser.\n\n### Describe the bug\n\n\u003Cimg width=\"1271\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/32301380/7363e730-5eda-4fee-8790-375987e293ef\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[],1353,"[Document] nuxt modules page has been crashed.","2023-10-10T14:44:55Z","https://github.com/nuxt/nuxt.com/issues/1353",0.77998173,{"description":2948,"labels":2949,"number":2952,"owner":2863,"repository":2864,"state":2910,"title":2953,"updated_at":2954,"url":2955,"score":2956},"### 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",[2950,2951],{"name":2874,"color":2875},{"name":2877,"color":2878},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.7806411,{"description":2958,"labels":2959,"number":2966,"owner":2863,"repository":2864,"state":2910,"title":2967,"updated_at":2968,"url":2969,"score":2970},"### 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```",[2960,2961,2964,2965],{"name":2874,"color":2875},{"name":2962,"color":2963},"needs reproduction","CB47CF",{"name":2877,"color":2878},{"name":2880,"color":2881},3753,"unplugin components.d.ts not working","2025-03-31T13:04:11Z","https://github.com/nuxt/ui/issues/3753",0.78211313,{"description":2972,"labels":2973,"number":2979,"owner":2863,"repository":2909,"state":2910,"title":2980,"updated_at":2981,"url":2982,"score":2983},"has() css selector isn't enabled by default on Firefox.\nthe next major release version of Firefox will enable it by default but due to poor performance on old architecture, Firefox disable the selector by default. It is possible to enable it by setting layout.css.has-selector.enabled to true in about:config",[2974,2976],{"name":2874,"color":2975},"ff281a",{"name":2977,"color":2978},"a11y","2CD658",1060,"css:has on firefox","2023-06-06T12:14:32Z","https://github.com/nuxt/nuxt.com/issues/1060",0.7848105,["Reactive",2985],{},["Set"],["ShallowReactive",2988],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fDIhPbkWaMk1o-I5Jk0mGqJ3H5eh8GToHMr9vo0iSEO0":-1},"/nuxt/ui/1722"]