`\n\nit doesn't work that way\n\nI really ask for help!",[1995,1998],{"name":1996,"color":1997},"question","d876e3",{"name":1999,"color":2000},"v3","49DCB8",3098,"ui","Table filtered, sorting fetch","2025-01-14T11:05:37Z","https://github.com/nuxt/ui/issues/3098",0.75805277,{"description":2008,"labels":2009,"number":2012,"owner":1985,"repository":2002,"state":1987,"title":2013,"updated_at":2014,"url":2015,"score":2016},"### Description\n\nHi there,\n\nI'm really curious about how Nuxt UI is handling trailing slashes. In the Nuxt Content repo I can see they are using `ufo` to remove the trailing slashes, but in the Nuxt UI repo I can't find how you get rid of it. Even tho I know you can do these things on Vercel and Netlify, I'm curious how you handle it in Nuxt UI.\n\nIn my case, route.path is returning a path with a trailing slash and breaks my `queryCollection`...\n\n```vue\nconst { data: page } = await useAsyncData(\n `${route.path}/.navigation`,\n async () => {\n return await queryCollection('content').path(route.path).first();\n }\n);\n```",[2010,2011],{"name":1996,"color":1997},{"name":1999,"color":2000},3285,"Trailing slashes","2025-02-10T13:25:12Z","https://github.com/nuxt/ui/issues/3285",0.7612907,{"description":2018,"labels":2019,"number":2020,"owner":1985,"repository":2021,"state":1987,"title":2022,"updated_at":2023,"url":2024,"score":2025},"My config file looks like this, but only regular font was added\n\n```ts\n fonts: {\n families: [\n {\n name: 'My Font',\n src: 'https://x-Regular.ttf',\n weight: 400,\n },\n {\n name: 'My Font',\n src: 'https://x-Black.ttf',\n weight: 900,\n },\n ],\n },\n```\n\n",[],579,"fonts","🙏 Question: how to add my fonts in different weights in `nuxt.config.ts` ?","2025-03-24T07:36:52Z","https://github.com/nuxt/fonts/issues/579",0.7650893,{"description":2027,"labels":2028,"number":2032,"owner":1985,"repository":2002,"state":2033,"title":2034,"updated_at":2035,"url":2036,"score":2037},"### Description\n\nWhen using a Table component, it would be a cool feature to allow the items to be modified in place and an event emitted. There arent really many good solutions for this in Vue ecosystem, that I know of. \n\n### Additional context\n\n_No response_",[2029],{"name":2030,"color":2031},"enhancement","a2eeef",2168,"closed","Make an inplace editable table","2024-09-11T14:14:15Z","https://github.com/nuxt/ui/issues/2168",0.7351184,{"description":2039,"labels":2040,"number":2048,"owner":1985,"repository":2002,"state":2033,"title":2049,"updated_at":2050,"url":2051,"score":2052},"### Environment\n\n- Operating System: Windows 10 \n- Node Version: v22.10.0 \n- Nuxt Version: 3.16.0 \n- CLI Version: 3.22.5 \n- Nitro Version: 2.11.5 \n- Package Manager: pnpm@9.15.7 \n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, meta, ssr, runtimeConfig, ui \n- Runtime Modules: @nuxt/ui@3.0.0-beta.3, @nuxt/icon@1.10.3, @nuxt/fonts@0.11.0, @vueuse/nuxt@12.8.2\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nNuxt UI 3.0\n\n### Reproduction\n\n```\n\u003Ctemplate>\n\u003CUInput\n v-model=\"translation\"\n ref=\"translationField\" \n />\n\u003C/template>\n\n\u003Cscript setup>\nconst translationField = ref(null)\n\nfunction nextCard() {\n translationField.value.focus() // throws: 'focus is not a function'\n \n nextTick(() => {\n translationField.value.focus() // same error\n })\n\n // below works ok\n nextTick(() => {\n const input = translationField.value?.$el?.querySelector('input')\n if (input) {\n input.focus()\n }\n })\n}\n\u003C/script>\n```\n\n\n### Description\nStandard Vue method of using template ref (for setting a focus, here) throws: 'focus() is not a function'\nIn the above code snippet I included workaround (credits to Sonnet 3.5)\nTried it dozen of times and checked this place to see if it has not been solved earlier.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2041,2044,2045],{"name":2042,"color":2043},"bug","d73a4a",{"name":1999,"color":2000},{"name":2046,"color":2047},"triage","ffffff",3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.7388778,{"description":2054,"labels":2055,"number":2059,"owner":1985,"repository":1985,"state":2033,"title":2060,"updated_at":2061,"url":2062,"score":2063},"I am not really sure what could cause this, probably `vue-router`?\r\n\r\nI notice this in Chromium browser (in FF looks good). When you navigate links, then when page transitions you will see that there are square/line around element (`h1` in this example) - http://awesome-snails.surge.sh\r\nTransition is not smooth and solid. \r\n\r\nI removed all CSS styles, and the issue remains. What can cause it? Can it be fixed somehow? It's very noticeable when the page is not white.\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/c1820\">#c1820\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2056],{"name":2057,"color":2058},"2.x","d4c5f9",2051,"Glitch around elements when page transition","2023-01-18T15:43:02Z","https://github.com/nuxt/nuxt/issues/2051",0.74894375,{"description":2065,"labels":2066,"number":2069,"owner":1985,"repository":2002,"state":2033,"title":2070,"updated_at":2071,"url":2072,"score":2073},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v20.10.0`\n- Nuxt Version: `3.14.159`\n- CLI Version: `3.15.0`\n- Nitro Version: `2.10.4`\n- Package Manager: `npm@10.9.0`\n- Builder: `-`\n- User Config: `default`\n- Runtime Modules: `@nuxt/ui@3.0.0-alpha.8`, `nuxt-svgo@4.0.9`\n- Build Modules: `-`\n\n### Version\n\nv3.0.0-alpha.8\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-h9x1yj\n\n### Description\n\nWhen using the vertical NavigationMenu, `defaultOpen` doesn't work...\n\n\"When orientation is vertical, a [Collapsible](https://ui3.nuxt.dev/components/collapsible) component is used to display children. You can control the open state of each item using the `open` and `defaultOpen` properties.\" - [link here](https://ui3.nuxt.dev/components/navigation-menu#orientation).\n\nPS I tried `open` as well: same issue.\n\n### Additional context\n\n```vue\n\u003Cscript setup lang=\"ts\">\n/* Types */\nimport type { NavigationMenuItem } from '#ui/types';\n\nconst items = ref\u003CNavigationMenuItem[][]>([\n [\n {\n label: 'Menu 1',\n defaultOpen: true, // ! This doesn't work\n open: true, // ! This doesn't work\n children: [\n {\n label: 'Submenu 1',\n to: '/submenu-1',\n },\n {\n label: 'Submenu 2',\n to: '/submenu-2',\n },\n ],\n },\n {\n label: 'Menu 2',\n defaultOpen: true, // ! This doesn't work\n open: true, // ! This doesn't work\n children: [\n {\n label: 'Submenu 1',\n to: '/submenu-1',\n },\n {\n label: 'Submenu 2',\n to: '/submenu-2',\n },\n ],\n },\n ],\n]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv class=\"h-full\">\n \u003CUNavigationMenu orientation=\"vertical\" :items=\"items\" />\n \u003C/div>\n\u003C/template>\n```\n\n### Logs\n\n```shell-script\n\n```",[2067,2068],{"name":2042,"color":2043},{"name":1999,"color":2000},2755,"Veritcal NavigationMenu - `defaultOpen` doesn't work","2024-11-26T10:29:27Z","https://github.com/nuxt/ui/issues/2755",0.7500476,{"description":2075,"labels":2076,"number":2080,"owner":1985,"repository":2002,"state":2033,"title":2081,"updated_at":2082,"url":2083,"score":2084},"### Environment\n\nNuxt UI: 3.0.1\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.15.1\n\n### Reproduction\n\n Without RP\n\n### Description\n\nThe menu item itself is correct but the internal menu items in right-to-left languages are incorrect. I solved this problem by adding the following style in the items prop, but this should be resolved in future versions.\n\n`class: 'flex-row-reverse'`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2077,2078,2079],{"name":2042,"color":2043},{"name":1999,"color":2000},{"name":2046,"color":2047},3737,"Items in the DropdownMenu have problems in RTL mode","2025-03-31T21:07:42Z","https://github.com/nuxt/ui/issues/3737",0.75214,{"labels":2086,"number":2093,"owner":1985,"repository":1985,"state":2033,"title":2094,"updated_at":2095,"url":2096,"score":2097},[2087,2089,2092],{"name":2088,"color":2047},"stale",{"name":2090,"color":2091},"pending triage","E99695",{"name":2057,"color":2058},10322,"nuxt build found render link tag insert repeat","2023-01-22T15:48:28Z","https://github.com/nuxt/nuxt/issues/10322",0.75281084,["Reactive",2099],{},["Set"],["ShallowReactive",2102],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"LeoB9O1uwdgo7dIRBXDmK3UGxPVS-CKDHstEaizT79s":-1},"/nuxt/ui/2111"]