\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2895,2898],{"name":2896,"color":2897},"bug","d73a4a",{"name":2899,"color":2900},"v3","49DCB8",3299,"ui","Wrong types in `ui` with errors Type 'string' is not assignable to type 'string[]'","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3299",0.6768866,{"description":2908,"labels":2909,"number":2914,"owner":2866,"repository":2902,"state":2887,"title":2915,"updated_at":2916,"url":2917,"score":2918},"### Description\n\nHi there,\n\nI'd like to know, how to deal with paginated data that comes from the used API, e.g. a Laravel resource response.\n\n```\n{\n \"current_page\": 1,\n \"data\": [\n {\n \"id\": \"1\",\n \"name\": \"Foo\",\n \"created_at\": \"2025-04-01T11:46:21+00:00\"\n },\n {\n \"id\": \"2\",\n \"name\": \"Bar\",\n \"created_at\": \"2025-04-01T11:46:21+00:00\"\n },\n ],\n \"first_page_url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=1\",\n \"from\": 1,\n \"last_page\": 14,\n \"last_page_url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=14\",\n \"links\": [\n {\n \"url\": null,\n \"label\": \"« Previous\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=1\",\n \"label\": \"1\",\n \"active\": true\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=2\",\n \"label\": \"2\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=3\",\n \"label\": \"3\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=4\",\n \"label\": \"4\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=5\",\n \"label\": \"5\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=6\",\n \"label\": \"6\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=7\",\n \"label\": \"7\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=8\",\n \"label\": \"8\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=9\",\n \"label\": \"9\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=10\",\n \"label\": \"10\",\n \"active\": false\n },\n {\n \"url\": null,\n \"label\": \"...\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=13\",\n \"label\": \"13\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=14\",\n \"label\": \"14\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=2\",\n \"label\": \"Next »\",\n \"active\": false\n }\n ],\n \"next_page_url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=2\",\n \"path\": \"https:\\/\\/api.example.test\\/test\",\n \"per_page\": 30,\n \"prev_page_url\": null,\n \"to\": 30,\n \"total\": 394\n}\n```\n\nI am a bit intimidated by the TanStack API.",[2910,2913],{"name":2911,"color":2912},"question","d876e3",{"name":2899,"color":2900},3776,"Use UTable with paginated data, which comes from API","2025-04-04T13:04:05Z","https://github.com/nuxt/ui/issues/3776",0.70895267,{"description":2920,"labels":2921,"number":2922,"owner":2866,"repository":2867,"state":2887,"title":2923,"updated_at":2924,"url":2925,"score":2926},"I have this kind of template:\n```\n \u003Cspan>\n \u003CIcon\n v-show=\"!searching\"\n name=\"i-heroicons-magnifying-glass-20-solid\" />\n \u003CIcon\n v-show=\"searching\"\n name=\"i-heroicons-arrow-path-20-solid\"\n class=\"animate-spin\"\n />\u003C/span>\n```\n\nSo, it should show `magnifying-glass` when not searching and `arrow-path` when searching. This does not work. Depending on if the view was loaded during navigation or page load it does not change or there a both. With `v-if` it works fine.\n\nHere is a reproduction with `nuxt-ui`:\nhttps://stackblitz.com/edit/nuxt-ui-7zcwsg?file=app.vue,package.json\n\nAnd here is a reproduction from `nuxt-icon-playground`:\nhttps://stackblitz.com/edit/nuxt-icon-playground-odkjmz?file=app.vue,package.json\n\nIt works with 1.7.6 but not 1.8.0 onwards. Could this be related to #300 ?\n\n---\n```\n❯ npx nuxt info\nWorking directory: /home/projects/nuxt-ui \nNuxt project info: \n\n------------------------------\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2\n- Build Modules: -\n------------------------------\n```\n",[],301,"Issue with v-show on icons in 1.8.1 or 1.8.0","2024-11-20T15:03:29Z","https://github.com/nuxt/icon/issues/301",0.7117245,{"description":2928,"labels":2929,"number":2934,"owner":2866,"repository":2902,"state":2887,"title":2935,"updated_at":2936,"url":2937,"score":2938},"### Environment\n\n- Operating System: `macos`\n- Node Version: `v18.16.0`\n- Nuxt Version: `3.16.0\"`\n- Vue: \"3.5.0\",\n- Nuxt/ui\": \"3.0.0\",\n- CLI Version: `3.8.4`\n- Package Manager: `pnpm`\n- IDE: VS Code\n\n\n### Version\n\nv3\n\n### Reproduction\n\nin any expample, even in your ui template npx nuxi init -t ui \u003Cmy-app>\n\n\n\n### Description\n\ntailwind IntelliSense works only in attribute class of elements, but not works in :ui={...}. so to write classes in ui i need learn them all, for example. \n\n\n\n\n\n\n\n\ni tried to help tailwind IntelliSense by addnig classregex to vscode setttings, but it did not help\n\n\n\njust for test purpose, i add some classregex for [CVA](https://cva.style/docs/getting-started/installation) for check if it will work. and it work for cva, not for :ui={..}\nscreen for cva\n\n\n### Additional context\n\nmake it work please! for :ui={..} and for app.config.ts\n\n### Logs\n\n```shell-script\n\n```",[2930,2931],{"name":2896,"color":2897},{"name":2932,"color":2933},"triage","ffffff",3570,"Tailwind CSS IntelliSense not works in :ui={} and in app.config.ts","2025-03-17T17:00:40Z","https://github.com/nuxt/ui/issues/3570",0.7226968,{"description":2940,"labels":2941,"number":2954,"owner":2866,"repository":2866,"state":2887,"title":2955,"updated_at":2956,"url":2957,"score":2958},"### Environment\n\n\u003Cimg width=\"1454\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/25784822/fc814f59-1d43-49e7-84b6-8719e3345264\">\r\n\n\n### Reproduction\n\nThe browser forward back style is lost for a moment and then returns to normal display\n\n### Describe the bug\n\nThe browser forward back style is lost for a moment and then returns to normal display\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2942,2945,2948,2951],{"name":2943,"color":2944},"3.x","29bc7f",{"name":2946,"color":2947},"pending triage","E99695",{"name":2949,"color":2950},"needs reproduction","FBCA04",{"name":2952,"color":2953},"closed-by-bot","ededed",22349,"The browser forward back style is lost for a moment and then returns to normal display","2023-08-05T01:50:12Z","https://github.com/nuxt/nuxt/issues/22349",0.7228667,{"description":2960,"labels":2961,"number":2964,"owner":2866,"repository":2902,"state":2887,"title":2965,"updated_at":2904,"url":2966,"score":2967},"### Description\n\nThe Nuxt UI v2 dropdown has the option to open on hover or click. In v3 the only option available is click. \n\n\n\n### Additional context\n\n_No response_",[2962,2963],{"name":2877,"color":2878},{"name":2899,"color":2900},3322,"[DropdownMenu] (v3) missing mode prop for hover/click","https://github.com/nuxt/ui/issues/3322",0.73194516,{"description":2969,"labels":2970,"number":2975,"owner":2866,"repository":2866,"state":2887,"title":2976,"updated_at":2977,"url":2978,"score":2979},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v16.20.0\r\n- Nuxt Version: 3.4.2\r\n- Nitro Version: 2.4.0\r\n- Package Manager: pnpm@8.2.0\r\n- Builder: vite\r\n- User Config: app, css, modules, vite\r\n- Runtime Modules: @unocss/nuxt@0.51.8, nuxt-svgo@3.1.0\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\n1. Set the `rollupOptions` with `vite.build ` in nuxt.config like below\r\n```ts\r\nrollupOptions: {\r\n output: {\r\n assetFileNames: (assetInfo) => {\r\n let extType = assetInfo.name?.split('.')[1] ?? ''\r\n if (/(png|jpe?g|svg)$/i.test(extType)) {\r\n extType ='img'\r\n } else if (/s?css$/i.test(extType)) {\r\n extType = 'css'\r\n }\r\n return `_nuxt/${extType}/[name].[hash].[ext]`\r\n }\r\n }\r\n }\r\n```\r\n2. After build, there are two dirs called css and img, but the css file use some images in img dir like that\r\n\r\n```css\r\n.some-calss {\r\n background: url('./img/a.png')\r\n}\r\n```\r\n3. So the pages cannot show the background-image because 404\r\n\n\n### Describe the bug\n\n1. The style are built like that\r\n\r\n```css\r\n.some-calss {\r\n background: url('./img/a.png')\r\n}\r\n```\r\n2. While the expected result should like that\r\n```css\r\n.some-calss {\r\n background: url('../img/a.png')\r\n}\r\n```\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2971,2972,2973,2974],{"name":2943,"color":2944},{"name":2946,"color":2947},{"name":2949,"color":2950},{"name":2952,"color":2953},20845,"Image are used in wrong reference in stylesheet file after build with rollup","2023-08-06T01:48:42Z","https://github.com/nuxt/nuxt/issues/20845",0.734198,{"labels":2981,"number":2986,"owner":2866,"repository":2866,"state":2887,"title":2987,"updated_at":2988,"url":2989,"score":2990},[2982,2983],{"name":2946,"color":2947},{"name":2984,"color":2985},"2.x","d4c5f9",7749,"Cannot find module \". . . . .jpg\"","2023-01-22T15:36:04Z","https://github.com/nuxt/nuxt/issues/7749",0.73498297,["Reactive",2992],{},["Set"],["ShallowReactive",2995],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGLmnub3wQLjTeZmTK2XOzYFfCx6Jbc2EdX0Z734BPQk":-1},"/nuxt/nuxt.com/505"]