\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2003,2006],{"name":2004,"color":2005},"bug","d73a4a",{"name":2007,"color":2008},"v3","49DCB8",3299,"ui","closed","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.66137516,{"description":2017,"labels":2018,"number":2019,"owner":1985,"repository":1986,"state":2011,"title":2020,"updated_at":2021,"url":2022,"score":2023},"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.6624245,{"description":2025,"labels":2026,"number":2029,"owner":1985,"repository":2030,"state":2011,"title":2031,"updated_at":2032,"url":2033,"score":2034},"I got a \n```\n---\ntitle: ''\n---\n```\n\nWe should not set the `title` and `description` key if empty since Content v2 will automatically takes the first `\u003Ch1>` to generate it.",[2027],{"name":2004,"color":2028},"ff281a",505,"nuxt.com","[Project] Don't generate the front-matter if values are empty","2023-02-15T12:32:27Z","https://github.com/nuxt/nuxt.com/issues/505",0.7072286,{"description":2036,"labels":2037,"number":2029,"owner":1985,"repository":2047,"state":2011,"title":2048,"updated_at":2049,"url":2050,"score":2034},"As you mentioned in the playground tests, it would be great if we can use vue-router for navigating etc. \r\nAlso really helpfull if you have dynamic routes where the API relies on some `route.params` value.",[2038,2041,2044],{"name":2039,"color":2040},"enhancement","a2eeef",{"name":2042,"color":2043},"help wanted","008672",{"name":2045,"color":2046},"vitest-environment","b60205","test-utils","(feat) Vue router support","2023-12-02T00:17:07Z","https://github.com/nuxt/test-utils/issues/505",{"description":2052,"labels":2053,"number":2066,"owner":1985,"repository":1985,"state":2011,"title":2067,"updated_at":2068,"url":2069,"score":2070},"### 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_",[2054,2057,2060,2063],{"name":2055,"color":2056},"3.x","29bc7f",{"name":2058,"color":2059},"pending triage","E99695",{"name":2061,"color":2062},"needs reproduction","FBCA04",{"name":2064,"color":2065},"closed-by-bot","ededed",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.73030883,{"description":2072,"labels":2073,"number":2079,"owner":1985,"repository":2010,"state":2011,"title":2080,"updated_at":2081,"url":2082,"score":2083},"### Description\n\nBreadcrumb uses Link (and LinkBase) to implement the item rendering and navigation. Link (through LinkBase) in itself supports `onClick` event/prop. Now, passing `onClick` to the breadcrumb item does not go all the way through to the LinkBase, and thus prevents the fine-grained control of the Breadcrumb component.\n\nThe usage would look something like this:\n```\n\u003Ctemplate>\n \u003CUBreadcrumb :items=\"items\" />\n\u003C/template>\n\u003Cscript setup>\nconst items = [\n { label: \"click for one\", onClick: () => alert(\"1\"), to: \"/one\" },\n { label: \"click for two\", onClick: () => alert(\"2\"), to: \"/two\" },\n]\n\u003C/script>\n```\n\nMy need is to have some secondary effects happening besides the navigation when the user clicks on a breadcrumb item.\n\n### Additional context\n\n_No response_",[2074,2075,2076],{"name":2039,"color":2040},{"name":2007,"color":2008},{"name":2077,"color":2078},"triage","ffffff",3631,"Support for `onClick` event on Breadcrumb items","2025-03-24T18:08:16Z","https://github.com/nuxt/ui/issues/3631",0.7361258,{"description":2085,"labels":2086,"number":2093,"owner":1985,"repository":2010,"state":2011,"title":2094,"updated_at":2095,"url":2096,"score":2097},"### Description\n\nIf i try to define the position of the notification using the `ui` prop `\u003CUNotifications :ui=\"{position: 'top-0 right-0'}\" />`\r\nthe \"default\" configuration is applied as well (`bottom-0 end-0 `) this happens also if defining the position using the app.config.ts.. I'm assuming i'm doing it wrong.. please advice.. \r\n",[2087,2090],{"name":2088,"color":2089},"duplicate","cfd3d7",{"name":2091,"color":2092},"question","d876e3",2180,"Notification position","2024-09-11T14:08:24Z","https://github.com/nuxt/ui/issues/2180",0.7446887,{"labels":2099,"number":2102,"owner":1985,"repository":1985,"state":2011,"title":2103,"updated_at":2104,"url":2105,"score":2106},[2100,2101],{"name":2055,"color":2056},{"name":2058,"color":2059},12907,"build error when set build.extractCSS to true and build with webpack","2023-01-19T16:38:30Z","https://github.com/nuxt/nuxt/issues/12907",0.74607706,["Reactive",2108],{},["Set"],["ShallowReactive",2111],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"ToKkkLjpFhGZfH9F2roRPSNJuslqbRXMxtyzVYBeYeM":-1},"/nuxt/ui/3776"]