` component, specifically with the `v-model:open` binding:\n\n* `v-model:collapsed` works great — it properly handles the collapsed/expanded state.\n* But `v-model:open` doesn't seem to behave as expected. When I bind it to a custom `open` state and try to set it to `false` (e.g., using a custom button), the sidebar doesn’t actually close. Then, as soon as I click anywhere else on the page, the `open` value is automatically reset to `true`.\n\nIt feels like something internal is re-opening the sidebar and overriding the bound value.\n\nOther small notes:\n\n* `\u003CUDashboardSidebarToggle />` is hidden on desktop due to `lg:hidden`, which makes sense for mobile setups. But even when made visible, it doesn’t allow fully toggling the sidebar on desktop — the sidebar remains fixed.\n* I also tried changing the `default-size` prop (e.g., to `16rem` / `256px`), and it didn’t apply immediately. It only worked after clearing the site data. I’m guessing this is due to cookies storing the previous value? Maybe it could be possible to sync the cookie automatically when `default-size` changes?\n\nHere’s a minimal reproduction of the issue: [Here](https://codesandbox.io/p/devbox/polished-cookies-lrv5hm?file=%2Fapp%2Fpages%2Findex.vue%3A9%2C23)\n\nLastly, I was wondering if in the future it might be possible to support a prop like `expand-on-hover`, where a collapsed sidebar could temporarily expand on mouse hover — without pushing the rest of the layout. This could allow building more advanced layouts similar to what Supabase uses: a primary sidebar that stays collapsed when a secondary one is open, but can still expand on hover without shifting the content.\n\nThanks again for your amazing work and for considering these ideas! 😊\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3201,3202,3204],{"name":3172,"color":3173},{"name":3203,"color":3192},"v3",{"name":3175,"color":3176},4599,"DashboardSidebar: v-model:open not working as expected","2025-07-25T16:31:55Z","https://github.com/nuxt/ui/issues/4599",0.67966485,{"description":3211,"labels":3212,"number":3215,"owner":3178,"repository":3179,"state":3180,"title":3216,"updated_at":3217,"url":3218,"score":3219},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v20.19.4`\n- Nuxt Version: `4.0.3`\n- CLI Version: `3.27.0`\n- Nitro Version: `2.12.4`\n- Package Manager: `npm@10.8.2`\n- Builder: `-`\n- User Config: `-`\n- Runtime Modules: `-`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Package\n\nv3.x\n\n### Version\n\nv3.3.2\n\n### Reproduction\n\n-\n\n### Description\n\nUsing a DashboardPanel as root component on a page causes error and problems for me. This seems to stem from the DashboardPanel having more than one root node. Modifying the source by moving the resize handle slot into the root div gets rid of the errors, but have not done any testing regarding that slot.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3213,3214],{"name":3172,"color":3173},{"name":3175,"color":3176},4833,"DashboardPanel has multiple root nodes","2025-08-27T12:06:39Z","https://github.com/nuxt/ui/issues/4833",0.6879315,{"description":3221,"labels":3222,"number":3226,"owner":3178,"repository":3179,"state":3180,"title":3227,"updated_at":3228,"url":3229,"score":3230},"### Environment\n\nN/A\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.2.0\n\n### Reproduction\n\nhttps://github.com/nuxt-ui-pro/dashboard\nhttps://dashboard-template.nuxt.dev/\n\n### Description\n\nI'm getting the following warning in the console: `Added non-passive event listener to a scroll-blocking 'touchstart' event.`\n\nI'm using a few heavily altered components from the Nuxt UI Pro Dashboard template. I thought it was something I did and started on a reproduction, but you can see the same warning pop up in the template itself, no reproduction needed: https://dashboard-template.nuxt.dev/\n\nI think I have narrowed it down to the `DashboardSideBar`. Removing that component in my project also removes the warning.\n\nI've had no luck trying to fix it, but it might be similar to this bug that was fixed long ago: https://github.com/nuxt/ui/issues/1512\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3223,3224,3225],{"name":3172,"color":3173},{"name":3203,"color":3192},{"name":3175,"color":3176},4580,"DashboardSideBar: Added non-passive event listener to a scroll-blocking 'touchstart' event.","2025-07-23T16:15:53Z","https://github.com/nuxt/ui/issues/4580",0.7002134,{"description":3232,"labels":3233,"number":3239,"owner":3178,"repository":3179,"state":3240,"title":3241,"updated_at":3242,"url":3243,"score":3244},"### Environment\n\nNuxt project info: (copied to clipboard) nuxi 8:34:52 pm\n\nOperating System: Linux\nNode Version: v22.17.1\nNuxt Version: 4.0.0\nCLI Version: 3.26.2\nNitro Version: 2.12.0\nPackage Manager: bun@1.2.15\nBuilder: -\nUser Config: modules, runtimeConfig, devtools, ui, css, colorMode, compatibilityDate, eslint\nRuntime Modules: @nuxt/ui@3.2.0, @nuxt/ui-pro@3.2.0, @pinia/nuxt@0.5.5, @nuxt/eslint@1.6.0\nBuild Modules: -\n👉 Report an issue: https://github.com/nuxt/nuxt/issues/new?template=bug-report.yml\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\n👉 Read documentation: https://nuxt.com/\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.2\n\n### Reproduction\n\nSee Nuxt UI official docs page -\nhttps://ui.nuxt.com/components/dashboard-sidebar\n\n### Description\n\nUI is not rendering correctly on the web page or on my local machine.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3234,3235,3238],{"name":3172,"color":3173},{"name":3236,"color":3237},"documentation","0075ca",{"name":3203,"color":3192},4610,"closed","UI not rendering for certain Dashboard components","2025-07-29T21:07:34Z","https://github.com/nuxt/ui/issues/4610",0.67356193,{"description":3246,"labels":3247,"number":3251,"owner":3178,"repository":3179,"state":3240,"title":3252,"updated_at":3253,"url":3254,"score":3255},"### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Package\n\nv4.x\n\n### Version\n\nv4.0.1\n\n### Reproduction\n\n- https://s5gnp7-3000.csb.app/\n- https://codesandbox.io/p/devbox/determined-feynman-s5gnp7?file=%2Fapp%2Fapp.vue%3A129%2C51&workspaceId=ws_5t1C1ubVCgW2ZXzyDhJCyH\n\n### Description\n\n`\u003CUDashboardSidebar side=\"right\">` has no effect. The sidebar is still left and opens from the left on mobile.\n\nThe only effect it has, is that it has no more `border-r` class\n",[3248,3249,3250],{"name":3172,"color":3173},{"name":3175,"color":3176},{"name":3191,"color":3192},5135,"DashboardSidebar prop side=\"right\" has no effect","2025-10-06T10:41:22Z","https://github.com/nuxt/ui/issues/5135",0.6758276,{"description":3257,"labels":3258,"number":3261,"owner":3178,"repository":3179,"state":3240,"title":3262,"updated_at":3263,"url":3264,"score":3265},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.17.1\n- Nuxt Version: 4.0.2\n- CLI Version: 3.27.0\n- Nitro Version: 2.12.4\n- Package Manager: npm@11.5.2\n- Builder: -\n- User Config: compatibilityDate, site, modules, supabase, devtools, css, content, nitro, icon, devServer, runtimeConfig, llms, routeRules\n- Runtime Modules: @nuxt/image@1.11.0, @nuxt/ui-pro@3.3.0, @nuxt/content@3.6.3, nuxt-og-image@5.1.9, nuxt-llms@0.1.3, @nuxtjs/supabase@1.6.0, @pinia/nuxt@0.11.2, pinia-plugin-persistedstate/nuxt@4.4.1\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv4.0.2\n\n### Reproduction\n\n/\n\n### Description\n\npassing \n\n```ts\n\u003CLazyUContentSearch\n :ui=\"{ modal: 'test-class' }\"\n>\n```\n\nis not working\n\nbut the following does work\n\n```ts\nexport default defineAppConfig({\n uiPro: {\n contentSearch: {\n slots: {\n modal: 'test-class',\n },\n },\n },\n})\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3259,3260],{"name":3172,"color":3173},{"name":3203,"color":3192},4673,"ui prop not working for UContentSearch","2025-08-07T09:35:15Z","https://github.com/nuxt/ui/issues/4673",0.6835848,{"description":3267,"labels":3268,"number":3271,"owner":3178,"repository":3179,"state":3240,"title":3241,"updated_at":3272,"url":3273,"score":3274},"### Environment\n\nNuxt project info: (copied to clipboard) nuxi 8:34:52 pm\n\n------------------------------\n- Operating System: Linux\n- Node Version: v22.17.1\n- Nuxt Version: 4.0.0\n- CLI Version: 3.26.2\n- Nitro Version: 2.12.0\n- Package Manager: bun@1.2.15\n- Builder: -\n- User Config: modules, runtimeConfig, devtools, ui, css, colorMode, compatibilityDate, eslint\n- Runtime Modules: @nuxt/ui@3.2.0, @nuxt/ui-pro@3.2.0, @pinia/nuxt@0.5.5, @nuxt/eslint@1.6.0\n- Build Modules: -\n------------------------------\n\n👉 Report an issue: https://github.com/nuxt/nuxt/issues/new?template=bug-report.yml\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\n👉 Read documentation: https://nuxt.com\n\n\n### Version\n\nv3.1.2\n\n### Reproduction\n\nSee Nuxt UI official docs page -\nhttps://ui.nuxt.com/components/dashboard-sidebar\n\n### Description\n\nUI is not rendering correctly on the page or on my local machine.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3269,3270],{"name":3172,"color":3173},{"name":3175,"color":3176},4609,"2025-07-26T15:12:50Z","https://github.com/nuxt/ui/issues/4609",0.6856939,{"description":3276,"labels":3277,"number":3284,"owner":3178,"repository":3178,"state":3240,"title":3285,"updated_at":3286,"url":3287,"score":3288},"### Environment\r\n\r\n- Operating System: windows10\r\n- Node Version: v20.10.0\r\n- Nuxt Version: 3.8.2\r\n- vue: 3.3.10\r\n- vue-router: 4.2.5\r\n- Package Manager: npm@10.2.3\r\n\r\n### Reproduction\r\n\r\n复现地址:https://stackblitz.com/edit/github-hi9xzq?file=app.vue,pages%2Findex.vue,pages%2Ftest.vue\r\n\r\n### Describe the bug\r\n\r\n### 这个Index组件beforeRouteEnter钩子函数在浏览器刷新页面的时候未执行nuxt传入的回调函数,正常的nuxt-link组件跳转就会正常执行。\r\n```\r\n\r\n\u003Cscript lang=\"tsx\">\r\nexport default defineComponent({\r\n name: 'Index',\r\n beforeRouteEnter(to, form, next) {\r\n console.log({ to, form, next })\r\n return next(vm => {\r\n console.log({ vm })\r\n })\r\n },\r\n setup() {\r\n return () => (\r\n \u003Cdiv>\r\n \u003Cdiv>Index\u003C/div>\r\n \u003Cnuxt-link to=\"/test\">Text\u003C/nuxt-link>\r\n \u003C/div>\r\n )\r\n }\r\n})\r\n\u003C/script>\r\n\r\n```\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_\n```[tasklist]\n### Tasks\n```\n",[3278,3281],{"name":3279,"color":3280},"3.x","29bc7f",{"name":3282,"color":3283},"pending triage","E99695",24989,"nuxt3 的tsx组件中beforeRouteEnter感觉有怪异的情况","2024-01-02T04:51:38Z","https://github.com/nuxt/nuxt/issues/24989",0.68696606,["Reactive",3290],{},["Set"],["ShallowReactive",3293],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f5oIYNXzxp0I_sjxb972ACm0Om6eAGKs2ctcCwn7sT14":-1},"/nuxt/ui/4173"]