\n \u003C/template>\n\u003C/UModal>\n```\n\n\n### Description\n\nselect menu's search input always autofocus inside modal, even when the autofocus is set to false.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2923,2926,2929],{"name":2924,"color":2925},"bug","d73a4a",{"name":2927,"color":2928},"v3","49DCB8",{"name":2930,"color":2931},"triage","ffffff",3933,"ui","SelectMenu's autofocus doesn't work inside Modal","2025-04-19T06:22:26Z","https://github.com/nuxt/ui/issues/3933",0.7633452,{"description":2939,"labels":2940,"number":2947,"owner":2914,"repository":2914,"state":2915,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### Describe the feature\n\n**Problem:** Nuxt currently lacks an integrated way to make query parameters reactive. Although useRoute().query provides access to query parameters, it is not reactive, which limits dynamic updates when the query parameter changes.\nA common solution in Vue is to use useUrlSearchParams() from VueUse; however, this approach isn’t compatible with SSR, which is essential in many Nuxt applications.\n\n**Proposed Solution:** Add a new composable which makes query parameters reactive without sacrificing SSR compatibility, like this:\n```ts\nfunction useRouteQuery(id: string) {\n const route = useRoute()\n const router = useRouter()\n return computed({\n get: () => route.query[id],\n set: (value) => {\n router.push({ query: { ...route.query, [id]: value } })\n },\n })\n}\n```\n\n### Additional information\n\n- [x] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [x] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [x] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2941,2944],{"name":2942,"color":2943},"pending triage","E99695",{"name":2945,"color":2946},"possible regression","B90A42",29861,"feat: Add Reactive Query Parameters in Nuxt with SSR Compatibility","2025-06-12T02:48:56Z","https://github.com/nuxt/nuxt/issues/29861",0.7665406,{"description":2953,"labels":2954,"number":2957,"owner":2914,"repository":2958,"state":2959,"title":2960,"updated_at":2961,"url":2962,"score":2963},"The Roadmap table (and probably the table component in general) might need some improvements for small screens.\r\n\r\n\r\n\r\n\r\nReported by @AndreyYolkin on [Discord](https://discord.com/channels/473401852243869706/473407466630152201/1164224885170647050)",[2955],{"name":2908,"color":2956},"1ad6ff",1374,"nuxt.com","closed","Improve roadmap table on mobile","2023-12-08T16:15:30Z","https://github.com/nuxt/nuxt.com/issues/1374",0.67268175,{"description":2965,"labels":2966,"number":2969,"owner":2914,"repository":2958,"state":2959,"title":2970,"updated_at":2971,"url":2972,"score":2973},"\n\nhttps://nuxt.com/design-kit",[2967],{"name":2924,"color":2968},"ff281a",1516,"[design kit] Color boxes are broken","2024-03-03T09:33:13Z","https://github.com/nuxt/nuxt.com/issues/1516",0.71131915,{"description":2975,"labels":2976,"number":2984,"owner":2914,"repository":2914,"state":2959,"title":2985,"updated_at":2986,"url":2987,"score":2988},"### Describe the feature\n\nWhen using the `useRoute` composable, the route params aren't beeing typed.\r\nI'm in the folder's path `pasges/me/[id].vue` and when I type the code below, the `id` insn't in the vscode completition.\r\n\r\n```javascript\r\n\u003Cscript setup>\r\nconst route = useRoute();\r\nconsole.log(route.params.id) // id isn't in the vscode completition\r\n\u003C/script>\r\n```\n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2977,2978,2981],{"name":2908,"color":2909},{"name":2979,"color":2980},"3.x","29bc7f",{"name":2982,"color":2983},"🍰 p2-nice-to-have","0E8A16",20299,"Route params typefication","2023-05-18T09:59:31Z","https://github.com/nuxt/nuxt/issues/20299",0.7225797,{"description":2990,"labels":2991,"number":2994,"owner":2914,"repository":2933,"state":2959,"title":2995,"updated_at":2996,"url":2997,"score":2998},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.13.1\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: yarn@4.5.2\n- Builder: -\n- User Config: modules, ssr, components, app, css, runtimeConfig, compatibilityDate, vite, eslint\n- Runtime Modules: @pinia/nuxt@0.10.1, @pinia-plugin-persistedstate/nuxt@1.2.1, @nuxt/ui@3.0.0-alpha.13, dayjs-nuxt@2.1.11, @nuxt/eslint@1.1.0\n- Build Modules: -\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.13\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/bold-fog-4r922z\n\n### Description\n\nWhen a modal is too long, it's not possible to scroll\n\nCurrent solution is to use this\n\n```\n:ui=\"{\n content: 'overflow-y-auto'\n }\"\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2992,2993],{"name":2924,"color":2925},{"name":2927,"color":2928},3398,"Modal: Long modals are not scrollable","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3398",0.74178255,{"description":3000,"labels":3001,"number":3005,"owner":2914,"repository":2914,"state":2959,"title":3006,"updated_at":3007,"url":3008,"score":3009},"I'm trying to setup routes to display a given user post (named `snap` in my case).\r\nThe route to show a specific post is `/{user}/snap/{idSnap}`.\r\n\r\nNow, to make it more friendly I want the user to be able to link to that post by adding a totally optional (and not used at all) *slug* after that url.\r\nSo the user should be able to see that same post by going to `/{user}/snap/{idSnap}/{slugSnap}`.\r\n\r\nI tried ~too~ many directory and filename configurations, but unfortunately cannot find a way to make it work so that:\r\n- The user can go to `/usertest/snap/12`,\r\n- The user *cannot* go to `/usertest/snap`, and\r\n- The `/usertest/snap/12/slugfoo` url works.\r\n\r\nThis is the last directory configuration I tried so far:\r\n\r\n\r\nMoreover, in all the configurations I tried, since the [documentation](https://nuxtjs.org/guide/routing) states that in order to make a parameter mandatory you need to create an `index.vue` file in the param directory, is it possible to have the `/usertest/snap/12` and `/usertest/snap/12/slugfoo` urls points **to the same component**?\r\n\r\nThanks!\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/c1682\">#c1682\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3002],{"name":3003,"color":3004},"2.x","d4c5f9",1875,"Unable to have ignored parameters in a dynamic route","2023-01-18T15:42:46Z","https://github.com/nuxt/nuxt/issues/1875",0.7466767,{"description":3011,"labels":3012,"number":3016,"owner":2914,"repository":2914,"state":2959,"title":3017,"updated_at":3018,"url":3019,"score":3020},"### Describe the feature\r\n\r\nHi 👋🏻 \r\n\r\nI'm loving the nuxt as I'm learning more. Recently, I had a thought while making the API call on DX improvements.\r\n\r\n## Problem\r\n\r\nI'm so thankful that nuxt provides adding query params via `query` in `useFetch` however for URL params we still have to use computed property.\r\n\r\n## Solution\r\n\r\nWe can allow setting params in url via object syntax just like we have in github api:\r\n\r\n\r\nexample:\r\n```ts\r\nconst postId = ref(1)\r\nuseFetch('https://jsonplaceholder.typicode.com/posts/{postId}/comments', {\r\n query: { q: 'ticket' },\r\n params: { postId },\r\n})\r\n\r\npostId.value = 2 // refetch triggers\r\n```\r\n\r\nHere's simple utility function that injects the params: https://github.com/antfu/utils/pull/34\r\n\r\n### Additional information\r\n\r\n- [ ] Would you be willing to help implement this feature?\r\n- [ ] Could this feature be implemented as a module?\r\n\r\n### Final checks\r\n\r\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\r\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3013,3014,3015],{"name":2908,"color":2909},{"name":2911,"color":2912},{"name":2979,"color":2980},21830,"✨ Template syntax for url parameters (DX)","2023-07-03T11:07:45Z","https://github.com/nuxt/nuxt/issues/21830",0.7519526,{"description":3022,"labels":3023,"number":3025,"owner":2914,"repository":2914,"state":2959,"title":3026,"updated_at":3027,"url":3028,"score":3029},"```javascript\r\nconst axios = require('axios')\r\n\r\nmodule.exports = {\r\n generate: {\r\n routes: function () {\r\n return axios.get('https://my-api/users')\r\n .then((res) => {\r\n return res.data.map((user) => {\r\n return '/users/' + user.id\r\n })\r\n })\r\n }\r\n }\r\n}\r\n```\r\n- https://zh.nuxtjs.org/api/configuration-generate\r\n- I executed the above code but it didn't work.\r\n\r\n\r\n\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7628\">#c7628\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3024],{"name":3003,"color":3004},3801,"I want Nuxt.js to generate routes with dynamic params","2023-01-18T16:26:36Z","https://github.com/nuxt/nuxt/issues/3801",0.7543184,["Reactive",3031],{},["Set"],["ShallowReactive",3034],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fzVfLEXAPG-2n-PkDW-LR4hSdcr06G8_Q9r5xSe_bdPU":-1},"/nuxt/ui/2370"]