\n \u003C/template>\n \u003C/UDashboardNavbar>\n \u003C/template>\n \u003C/UDashboardPanel>\n \u003C/UDashboardGroup>\n \u003C/UApp>\n\u003C/template>\n```\n\nIt does not matter what mode I set, there is no smooth transition as shown with the previews on the docs.\nAside from my example, the dashboard-template demo should actually have that smooth \"slideover\" transition, right? I was testing it on multiple PCs/Browser, but it only seems to work on mobile.\n\nDoes someone know what I could be doing wrong, or is this actually only supposed to work for mobile? On the other hand, using a USlideOver directly works perfectly fine and the smooth transition shows properly.",[3191,3194],{"name":3192,"color":3193},"question","d876e3",{"name":3195,"color":3176},"v4",5208,"UDashboardSidebar: no \"smooth\" transition when using slideover mode on Desktop","2025-10-10T23:56:19Z","https://github.com/nuxt/ui/issues/5208",0.80105776,{"description":3202,"labels":3203,"number":3206,"owner":3181,"repository":3182,"state":3207,"title":3208,"updated_at":3209,"url":3210,"score":3211},"### Description\n\nHi, \n\nIn NuxtUI v2, I saved my custom configs in `.ts` files and imported the default configs to use as types:\n\n```ts\nimport type { DeepPartial } from '#ui/types';\nimport type { tabs as TabsConfig } from '#ui/ui.config';\n\nexport const tabsV1Config : DeepPartial\u003Ctypeof TabsConfig> = {\n...\n};\n```\n\nIn NuxtUI v3, it looks like the default themes are stored in the `.nuxt/ui/` directory, which makes it impossible to import into my project. The same css also seems to exist in the `dist/shared/ui.XXX.mjs` files. Is there a way to import these default configs in NuxtUI v3?",[3204,3205],{"name":3192,"color":3193},{"name":3175,"color":3176},3573,"closed","Can I import the default component themes?","2025-03-17T16:55:26Z","https://github.com/nuxt/ui/issues/3573",0.7121472,{"description":3213,"labels":3214,"number":3217,"owner":3181,"repository":3218,"state":3207,"title":3219,"updated_at":3220,"url":3221,"score":3222},"The all media zone should be droppable",[3215],{"name":3172,"color":3216},"1ad6ff",204,"nuxt.com","Drag'n'drop media upload","2023-02-15T12:31:54Z","https://github.com/nuxt/nuxt.com/issues/204",0.7346766,{"description":3224,"labels":3225,"number":3229,"owner":3181,"repository":3181,"state":3207,"title":3230,"updated_at":3231,"url":3232,"score":3233},"Hi,\r\n\r\nThanks for that awesome framework.\r\nI would like to use it with nuxt but within my current setup build is ok but I got nothing rendered for the dropzone (size 0x0 even if I set a size).\r\nI'm pretty new to nuxtjs (and Vue).\r\nHere is my setup:\r\n\r\n`nuxt.config.js:`\r\n```javascript \r\nmodule.exports = {\r\n head: {\r\n title: 'test',\r\n meta: [\r\n { charset: 'utf-8' },\r\n { name: 'viewport', content: 'width=device-width, initial-scale=1' }\r\n ],\r\n link: [\r\n { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },\r\n { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Roboto' },\r\n { rel: 'stylesheet', href: 'https://fonts.googleapis.com/icon?family=Material+Icons' }\r\n ]\r\n },\r\n plugins: [\r\n { src: '~plugins/vue-dropzone.js', ssr: false },\r\n ]\r\n }\r\n```\r\n\r\n`plugins/vue-dropzone.js`\r\n```javascript \r\nimport Dropzone from 'vue2-dropzone'\r\nimport Vue from 'vue'\r\n\r\nVue.use(Dropzone)\r\n```\r\n\r\n`pages/index.vue`\r\n```javascript \r\n\u003Ctemplate>\r\n \u003Cdiv id=\"app\">\r\n \u003Cp>Welcome to your Vue.js app!\u003C/p>\r\n\r\n \u003Cdropzone id=\"myVueDropzone\" width=\"200px\" height=\"80px\" url=\"https://httpbin.org/post\" v-on:vdropzone-success=\"showSuccess\">\r\n \u003C!-- Optional parameters if any! -->\r\n \u003Cinput type=\"hidden\" name=\"token\" value=\"xxx\">\r\n \u003C/dropzone>\r\n\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\n \r\n\r\n export default {\r\n name: 'MainApp',\r\n methods: {\r\n 'showSuccess': function (file) {\r\n console.log('A file was successfully uploaded')\r\n }\r\n },\r\n }\r\n\u003C/script>\r\n```\r\n\r\nThanks for the help! \r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c584\">#c584\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3226],{"name":3227,"color":3228},"2.x","d4c5f9",675,"Help needed: Nuxt and vue-dropzone","2023-01-18T15:39:39Z","https://github.com/nuxt/nuxt/issues/675",0.7671274,{"description":3235,"labels":3236,"number":3242,"owner":3181,"repository":3182,"state":3207,"title":3243,"updated_at":3244,"url":3245,"score":3246},"### Environment\n\nTested on https://ui.nuxt.com/components/file-upload#label , Nuxt UI v3.3.0, in Chrome and Firefox\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.3.0\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/file-upload#label\n\n### Description\n\nThe file upload component introduced in v3.3.0 includes a 'Clear' button in the top right, which removes the uploaded file:\n\n\u003Cimg width=\"469\" height=\"380\" alt=\"Image of desert sands uploaded to a file upload component, with an X icon in the top right\" src=\"https://github.com/user-attachments/assets/8516b673-bb16-4d82-9961-9a4e852202fa\" />\n\nThis button doesn't have an accessible label (eg an aria-label or screenreader-only text) to indicate its purpose to assistive technology. For example, when testing this page with [NVDA](https://www.nvaccess.org/) and landing on this button, it just reads 'Button'. There's also no audible feedback when the file has been removed to indicate that the button press was successful, and ideally focus should be restored back to the file upload when the file is removed.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3237,3240,3241],{"name":3238,"color":3239},"bug","d73a4a",{"name":3175,"color":3176},{"name":3178,"color":3179},4590,"File upload component doesn't have accessible label for clear button","2025-07-27T17:52:10Z","https://github.com/nuxt/ui/issues/4590",0.777968,{"description":3248,"labels":3249,"number":3250,"owner":3181,"repository":3251,"state":3207,"title":3252,"updated_at":3253,"url":3254,"score":3255},"It doesn't matter wether you specify svg via `app.config.ts` or via `mode` prop of the `Icon` component.\r\n\r\nReproduction branch: https://github.com/zigomir/icon/tree/local-fs-svg-issue-reproduction and diff https://github.com/nuxt/icon/compare/main...zigomir:icon:local-fs-svg-issue-reproduction\r\n\r\nWorkaround is to include at least one icon from the custom collection in `css` mode like so:\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003CIcon\r\n name=\"custom1:nuxt-v3\"\r\n size=\"64\"\r\n mode=\"svg\"\r\n />\r\n\r\n \u003C!--\r\n WORKAROUND: load at least one icon in css mode to make svg mode work.\r\n It doesn't even have to be the same icon\r\n -->\r\n \u003CIcon\r\n style=\"display: none;\"\r\n name=\"custom1:nuxt-v1\"\r\n size=\"64\"\r\n mode=\"css\"\r\n />\r\n\u003C/template>\r\n```\r\n\r\nThis might also be related to https://github.com/nuxt/icon/issues/212",[],228,"icon","Custom collections not working in `ssr: false` when all icons are rendered with `svg` mode","2024-08-08T11:21:40Z","https://github.com/nuxt/icon/issues/228",0.779831,{"description":3257,"labels":3258,"number":3262,"owner":3181,"repository":3182,"state":3207,"title":3263,"updated_at":3264,"url":3265,"score":3266},"### Description\n\nHi,\n\nin nuxt-ui 3 the Popover element got some changes. Now the `template #content` doens't return the `close` object. This object was a function to close the Popover menu. Is was really helpful to delegate the action to other components. I used it in nuxt-ui 2 to close the popup after a save-action.\n\nIs there a chance to get the object back in ui 3 or have I missed the current way to use it?\n\n**nuxt ui 3**\n```html\n \u003CUPopover>\n \u003CUButton>click\u003C/UButton>\n\n \u003Ctemplate #content>\n \u003C!-- ... -->\n \u003C/template>\n\u003C/UPopover>\n```\n\n**nuxt ui 2**\n```html\n \u003CUPopover>\n \u003CUButton>click\u003C/UButton>\n\n \u003Ctemplate #panel=\"{ close }\">\n \u003C!-- ... -->\n \u003C/template>\n\u003C/UPopover>\n```\n\n\n### Additional context\n\n_No response_",[3259,3260,3261],{"name":3172,"color":3173},{"name":3175,"color":3176},{"name":3178,"color":3179},3910,"Popover close event","2025-04-23T11:05:01Z","https://github.com/nuxt/ui/issues/3910",0.78087604,{"description":3268,"labels":3269,"number":3274,"owner":3181,"repository":3218,"state":3207,"title":3275,"updated_at":3276,"url":3277,"score":3278},"- [x] Remove action dropdown in media items\n- [x] `Branch` and `File` modal buttons should go into root menu at the bottom\n- [x] `Create file` / `Upload file` should go in navbar dialog tree header right\n- [x] `ProjectNavbar` should contain the name of the file and the `Save` / `Publish` / `Preview` (only icon) buttons\n- [x] `ProjectNavbar` online users disappears for now\n- [x] Next to filename in `ProjectNavbar` we should have a `chevron-down` icon to extend the desktop aside panel with: file actions (`Rename` / `Revert` / `Delete`) and tabs (`Meta` / `History`) and `chevron-up` icon to collapse the menu",[3270,3271],{"name":3172,"color":3216},{"name":3272,"color":3273},"responsive","1cd1c6",642,"[Project] Content + Media responsive files aside","2023-02-15T12:32:40Z","https://github.com/nuxt/nuxt.com/issues/642",0.79330003,{"description":3280,"labels":3281,"number":3274,"owner":3181,"repository":3285,"state":3207,"title":3286,"updated_at":3287,"url":3288,"score":3278},"### Environment\r\n\r\n- Operating System: Windows_NT\r\n- Node Version: v18.11.0\r\n- Nuxt Version: 3.8.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@8.19.2\r\n- Builder: -\r\n- User Config: devtools, app, css, modules, runtimeConfig\r\n- Runtime Modules: nuxt-icon-tw@0.1.3, @nuxtjs/tailwindcss@6.10.1, @nuxtjs/i18n@8.0.0-rc.9\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\n A lot of the recent fixes done seem to only work on the main branch it seems, but i'm unable to install it with npm\r\n \r\n `npm install -D \"https://github.com/nuxt/test-utils.git#main\"`\r\n\r\n### Describe the bug\r\n\r\n````\r\nnpm ERR! code ETARGET\r\nnpm ERR! notarget No matching version found for @nuxt/test-utils@>=3.9.0.\r\nnpm ERR! notarget In most cases you or one of your dependencies are requesting\r\nnpm ERR! notarget a package version that doesn't exist.\r\n````\r\n\r\n### Additional context\r\n\r\nWhat is the recommended way to run the main branch?\r\n\r\n### Logs\r\n\r\n_No response_",[3282],{"name":3283,"color":3284},"pending triage","5D08F5","test-utils","Unable to install main branch","2023-12-12T13:29:02Z","https://github.com/nuxt/test-utils/issues/642",["Reactive",3290],{},["Set"],["ShallowReactive",3293],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGos7QnmM5r8DwdgdFUUGVLqFyc92O7K1Q2kzBfZPF5U":-1},"/nuxt/ui/4638"]