",[2867,2870],{"name":2868,"color":2869},"question","d876e3",{"name":2871,"color":2872},"v3","49DCB8",3947,"nuxt","ui","open","Unexpected drawer behavior when dragging content area (jumpy collapse & horizontal scroll flickering)","2025-04-21T09:17:02Z","https://github.com/nuxt/ui/issues/3947",0.59097016,{"description":2882,"labels":2883,"number":2891,"owner":2874,"repository":2875,"state":2876,"title":2892,"updated_at":2893,"url":2894,"score":2895},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.6\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: devtools, modules, components, css, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.0.0, @pinia/nuxt@0.10.1, compodium@0.1.0-beta.5\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0\n\n### Reproduction\n\n```vue\n\u003CUCard variant=\"subtle\">\n \u003CUTable \n :data=\"data\"\n :columns=\"columns\"\n />\n\u003C/UCard>\n```\n\n### Description\n\nIf using a UTable component on a background that isn't the default neutral color the bg-color of the thead is visible.\n\n\n\n\n\n_A little bit easier to see with white Background_\n\n\n\n\nMaybe this is a wanted behavior. So if so please ignore and close the issue.\nI know sometimes you want a background color in the headlines. But sometimes you don't want them.\nAnyways if this is a wanted behavior, then maybe this issue will help those who don't want a background color and are looking for a solution.\n\n### Additional context\n\nCould be fixed by adding:\n```vue\n:ui=\"{\n thead: 'bg-unset'\n}\"\n```\nto the `\u003CUTable>` tag\n\n\n\n### Logs\n\n```shell-script\n-\n```",[2884,2887,2888],{"name":2885,"color":2886},"bug","d73a4a",{"name":2871,"color":2872},{"name":2889,"color":2890},"triage","ffffff",3607,"Background-Color for UTable","2025-03-18T15:08:25Z","https://github.com/nuxt/ui/issues/3607",0.6847622,{"description":2897,"labels":2898,"number":2902,"owner":2874,"repository":2875,"state":2876,"title":2903,"updated_at":2904,"url":2905,"score":2906},"### Environment\n\n- Ubuntu (WSL 2)\n- Package manager Bun\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\n[Reproduction repository](https://github.com/sergiooak/vue-nuxtui-bun-type-import)\n\n\n### Description\n\nI found a weird bug while import types from @nuxt/ui using the syntax \"import { type ComponentProps} from @nuxt/ui\"\nIt took me a long time to pinpoint what was causing the bug. If i use this syntax, and do a fresh install, in my case, bun i && bun dev, I got this weird \"internal\" error from tailwind without point exactly where the error is.\n\nIf I clean the node_modules rewrite the import to \"import type {ComponentProps} from @nuxt/ui\" bun i && bun dev, the problem solves.\n\nI don't know if this is bun related or not, I am creating a minimal reproduction repo using npm and bun ASAP\n(I've just already created the issue in case someone find this bug in the meantime)\n\n### Additional context\n\nThe bug occurs only when using bun install with this specific import syntax for @nuxt/ui. Other imports using the same syntax work as expected. If bun install is run without this syntax, and the code is then adjusted accordingly, everything works fine. I only noticed this issue a few commits later due to this behavior\n\n### Logs\n\n```shell-script\n✘ [ERROR] Could not resolve \"../pkg\"\n\n node_modules/lightningcss/node/index.js:16:27:\n 16 │ module.exports = require(`../pkg`);\n ╵ ~~~~~~~~\n\n✘ [ERROR] No loader is configured for \".node\" files: node_modules/@nuxt/ui/node_modules/@tailwindcss/vite/node_modules/@tailwindcss/oxide/node_modules/@tailwindcss/oxide-linux-x64-gnu/tailwindcss-oxide.linux-x64-gnu.node\n\n node_modules/@nuxt/ui/node_modules/@tailwindcss/vite/node_modules/@tailwindcss/oxide/index.js:190:38:\n 190 │ ...inding = require('@tailwindcss/oxide-linux-x64-gnu')\n ╵ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\n\n✘ [ERROR] No loader is configured for \".node\" files: node_modules/@nuxt/ui/node_modules/@tailwindcss/vite/node_modules/@tailwindcss/oxide/node_modules/@tailwindcss/oxide-linux-x64-musl/tailwindcss-oxide.linux-x64-musl.node\n\n node_modules/@nuxt/ui/node_modules/@tailwindcss/vite/node_modules/@tailwindcss/oxide/index.js:177:38:\n 177 │ ...nding = require('@tailwindcss/oxide-linux-x64-musl')\n ╵ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\n\n/home/sergiooak/gaio/gaio-web/node_modules/esbuild/lib/main.js:1476\n let error = new Error(text);\n ^\n\nError: Build failed with 3 errors:\nnode_modules/@nuxt/ui/node_modules/@tailwindcss/vite/node_modules/@tailwindcss/oxide/index.js:177:38: ERROR: No loader is configured for \".node\" files: node_modules/@nuxt/ui/node_modules/@tailwindcss/vite/node_modules/@tailwindcss/oxide/node_modules/@tailwindcss/oxide-linux-x64-musl/tailwindcss-oxide.linux-x64-musl.node\nnode_modules/@nuxt/ui/node_modules/@tailwindcss/vite/node_modules/@tailwindcss/oxide/index.js:190:38: ERROR: No loader is configured for \".node\" files: node_modules/@nuxt/ui/node_modules/@tailwindcss/vite/node_modules/@tailwindcss/oxide/node_modules/@tailwindcss/oxide-linux-x64-gnu/tailwindcss-oxide.linux-x64-gnu.node\nnode_modules/lightningcss/node/index.js:16:27: ERROR: Could not resolve \"../pkg\"\n at failureErrorWithLog (/home/sergiooak/gaio/gaio-web/node_modules/esbuild/lib/main.js:1476:15)\n at /home/sergiooak/gaio/gaio-web/node_modules/esbuild/lib/main.js:945:25\n at /home/sergiooak/gaio/gaio-web/node_modules/esbuild/lib/main.js:1354:9\n at process.processTicksAndRejections (node:internal/process/task_queues:105:5) {\n errors: [Getter/Setter],\n warnings: [Getter/Setter]\n}\n```",[2899,2900,2901],{"name":2885,"color":2886},{"name":2871,"color":2872},{"name":2889,"color":2890},3039,"Unexpected Bug with Tree-Shaking Type Imports in @nuxt/ui","2025-01-08T08:12:01Z","https://github.com/nuxt/ui/issues/3039",0.68833375,{"description":2908,"labels":2909,"number":2911,"owner":2874,"repository":2875,"state":2912,"title":2913,"updated_at":2914,"url":2915,"score":2916},"### Description\n\nHi, using the UTable with Expanded feature is it possible to apply a style to the Expand column ??? I can see how to do this for columns I add but not the expanded column.\r\nAlso is it possible to change the default so the expanded is open by default? Or to change this in the script section?\r\n\r\nThanks I was unable to find answers in the docs.",[2910],{"name":2868,"color":2869},2244,"closed","UTable Expandable questions?","2024-11-05T14:52:12Z","https://github.com/nuxt/ui/issues/2244",0.5854519,{"description":2918,"labels":2919,"number":2921,"owner":2874,"repository":2875,"state":2912,"title":2922,"updated_at":2923,"url":2924,"score":2925},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v22.11.0\n- Nuxt Version: 3.14.0\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.2\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/eslint@0.5.7, @nuxt/fonts@0.7.2, @nuxt/ui@2.19.0, @vueuse/nuxt@10.11.1, @pinia/nuxt@0.5.5, @pinia-plugin-persistedstate/nuxt@1.2.1, @nuxtjs/i18n@8.5.6, @nuxtjs/tailwindcss@6.12.2, @vite-pwa/nuxt@0.10.6\n- Build Modules: -\n------------------------------\n\n### Version\n\nv.2.19.0\n\n### Reproduction\n\nUpgrade nuxt/ui to latest 2.19.0 version\n\n### Description\n\nSelectMenu component is broken from what it seems to be a mistake in the a merge conflict.\n\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2920],{"name":2885,"color":2886},2534,"Critical bug in SelectMenu.vue","2024-11-05T16:58:09Z","https://github.com/nuxt/ui/issues/2534",0.60300744,{"description":2927,"labels":2928,"number":2931,"owner":2874,"repository":2875,"state":2912,"title":2932,"updated_at":2933,"url":2934,"score":2935},"### Description\n\nHi,\n\nI just tried upgrading to `v3` but I noticed that the `Meter` component is unfortunately missing in this version and the migration guide also doesn't mention anything regarding that component which currently prevents me from upgrading to v3 . [This issue](https://github.com/nuxt/ui/issues/1841) mentions that the component was still pending migration at some point in the beginning of 2024 besides some other components.\n\nIs the meter component still expected to arrive in v3 sometime soon? It would be quite unfortunate if this handy component would be stripped out of NuxtUI.\n",[2929,2930],{"name":2868,"color":2869},{"name":2871,"color":2872},3808,"Meter component missing in v3","2025-04-08T17:16:45Z","https://github.com/nuxt/ui/issues/3808",0.62402505,{"description":2937,"labels":2938,"number":2945,"owner":2874,"repository":2946,"state":2912,"title":2947,"updated_at":2948,"url":2949,"score":2950},"",[2939,2942],{"name":2940,"color":2941},"enhancement","1ad6ff",{"name":2943,"color":2944},"documentation","9DE2BA",1504,"nuxt.com","Docs: Replace `Callout` and `Readme` with undocs components","2024-02-21T17:07:40Z","https://github.com/nuxt/nuxt.com/issues/1504",0.63786805,{"description":2952,"labels":2953,"number":2956,"owner":2874,"repository":2875,"state":2912,"title":2957,"updated_at":2958,"url":2959,"score":2960},"### Description\n\nThe light mode defaults for Select are pretty good. Not as good for dark mode. How can I at least modify the background and text color of the popup list for dark mode? What is the recommended approach?\n\n\n",[2954,2955],{"name":2868,"color":2869},{"name":2871,"color":2872},3595,"How can I improve the dark style of USelect","2025-03-18T20:19:24Z","https://github.com/nuxt/ui/issues/3595",0.6423305,{"description":2962,"labels":2963,"number":2967,"owner":2874,"repository":2874,"state":2912,"title":2968,"updated_at":2969,"url":2970,"score":2971},"Can not figure out and find right solution. Everything not work.\r\n\r\nAfter authentication, i need to save data not only to Store and to localStorage, but also synchronize everything. That after page reload, user will be authed.\r\n\r\nnuxt.conf\r\n```\r\n plugins: [\r\n { src: '~/plugins/localStorage', ssr: false }\r\n ],\r\n\r\n```\r\nlocalStorage.js\r\n```\r\nimport createPersistedState from 'vuex-persistedstate'\r\n\r\nexport default ({store}) => {\r\n createPersistedState({\r\n storage: {\r\n getItem: key => localStorage.getItem(key),\r\n setItem: (key, value) => localStorage.setItem(key, value),\r\n removeItem: key => localStorage.removeItem(key)\r\n }\r\n })\r\n}\r\n\r\n```\r\n\r\nexample.vue component\r\n```\r\n import MyPlugin from '~/plugins/localStorage'\r\n\r\n export default {\r\n created() {\r\n console.log(MyPlugin);\r\n console.log(MyPlugin.local);\r\n console.log(MyPlugin.setting);\r\n// console.log(MyPlugin.storage.getItem('token'));\r\n// console.log(MyPlugin.getItem('token'));\r\n\r\n console.log(this.$store.local);\r\n console.log(this.$store.setting);\r\n },\r\n```\r\n\r\nNothing works\r\n`[HMR] connected\r\nform.vue?385a:89 ƒ (_ref) {\r\n var store = _ref.store;\r\n\r\n Object(__WEBPACK_IMPORTED_MODULE_0_vuex_persistedstate__[\"a\" /* default */])({\r\n storage: {\r\n getItem: function getItem(key) {\r\n …\r\nform.vue?385a:90 undefined\r\nform.vue?385a:91 undefined\r\nform.vue?385a:95 undefined\r\nform.vue?385a:96 undefined`\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/c2625\">#c2625\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2964],{"name":2965,"color":2966},"2.x","d4c5f9",3031,"Persistedstate LocalStorage not work.","2023-01-18T16:09:51Z","https://github.com/nuxt/nuxt/issues/3031",0.67599773,{"description":2973,"labels":2974,"number":2977,"owner":2874,"repository":2946,"state":2912,"title":2978,"updated_at":2979,"url":2980,"score":2981},"\n\nEx: https://dev.nuxt.com/community/repositories?organization=nuxtlabs&sortBy=stargazerCount",[2975],{"name":2885,"color":2976},"ff281a",552,"Fix title in subnavbar in community section","2022-05-23T08:57:57Z","https://github.com/nuxt/nuxt.com/issues/552",0.67602116,["Reactive",2983],{},["Set"],["ShallowReactive",2986],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fsXThQv0Ma_6Hrhicxi9L9J-rrnk3FWcjA5eCT9UvL74":-1},"/nuxt/ui/3620"]