\r\n \u003Cdiv class=\"text-sm font-medium text-smokey-gray dark:text-light-silver\">\r\n Previous\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C/template>\r\n \u003C/u-button>\r\n \u003C/template>\r\n\r\n \u003Ctemplate #next=\"{ onClick }\">\r\n \u003Cu-button color=\"white\" variant=\"ghost\" size=\"md\" @click=\"onClick\">\r\n \u003Ctemplate #trailing>\r\n \u003Cdiv class=\"flex gap-x-2\">\r\n \u003Cdiv class=\"text-sm font-medium text-smokey-gray dark:text-light-silver\">Next\u003C/div>\r\n \u003Cu-icon\r\n class=\"w-5 h-5\"\r\n :name=\"isDark ? 'i-custom-arrow-right' : 'i-custom-arrow-right-solid'\"\r\n />\r\n \u003C/div>\r\n \u003C/template>\r\n \u003C/u-button>\r\n \u003C/template>\r\n \u003C/u-pagination>\r\n```\r\n\r\n```typescript\r\nconst page = ref(1);\r\nconst itemsPerPage = ref(6);\r\n\r\nconst paginatedItems = computed(() => {\r\n const start = (page.value - 1) * itemsPerPage.value;\r\n const end = start + itemsPerPage.value;\r\n return items.value.slice(start, end);\r\n});\r\n\r\nconst colorMode = useColorMode();\r\nconst isDark = computed(() => colorMode.value === 'dark');\r\n\r\nconst paginationUi = ref({\r\n default: {\r\n inactiveButton: {\r\n variant: 'soft',\r\n class:\r\n 'w-10 h-10 flex items-center justify-center rounded-lg text-smokey-gray dark:text-light-silver text-sm',\r\n },\r\n activeButton: {\r\n variant: 'soft',\r\n size: 'xl',\r\n class:\r\n 'w-10 h-10 flex items-center justify-center rounded-lg hover:bg-soft-lilac hover:dark:bg-soft-lilac bg-soft-lilac dark:bg-soft-lilac text-deep-violet dark:text-dark-green font-medium text-sm',\r\n },\r\n },\r\n});\r\n```\r\n\r\ni want like this\r\n\r\n\u003Cimg width=\"987\" alt=\"image\" src=\"https://github.com/nuxt/ui/assets/127682098/52d7608c-ac67-4c59-b9f1-07265e0c5def\">\r\n",[2031],{"name":1985,"color":1986},1111,"[Pagination] how to Aligning 'Prev' and 'Next' Buttons to the Ends","2025-03-28T17:54:54Z","https://github.com/nuxt/ui/issues/1111",0.79728377,{"description":2038,"labels":2039,"number":2043,"owner":1991,"repository":2044,"state":2006,"title":2045,"updated_at":2046,"url":2047,"score":2048},"### 📚 What are you trying to do?\n\nI am trying to add queryParams to gtm loading script, but i don't see any way in documentation to do so.\nIs there any way to add params to script url (gtm_auth, gtm_preview, gtm_cookies_win) ?\n\n### 🔍 What have you tried?\n\n_No response_\n\n### ℹ️ Additional context\n\n_No response_",[2040],{"name":2041,"color":2042},"help wanted","008672",434,"scripts","Googel Tag Manager params","2025-03-25T19:33:48Z","https://github.com/nuxt/scripts/issues/434",0.80048984,{"description":2050,"labels":2051,"number":2059,"owner":1991,"repository":1992,"state":2006,"title":2060,"updated_at":2061,"url":2062,"score":2063},"### Environment\n\nOperating System: Windows\nNode Version: v22.14.0\nNuxt Version: 3.16.2\nCLI Version: 3.24.1\nNitro Version: 2.11.8\nPackage Manager: npm@10.9.2\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/bold-surf-kfhpdh\n\n### Description\n\nI've just tried using UNavigationMenu in the simplest way and I'm having a problem with the display.\nas the documentation is stating: https://ui.nuxt.com/components/navigation-menu#with-custom-slot\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2052,2055,2058],{"name":2053,"color":2054},"bug","d73a4a",{"name":2056,"color":2057},"duplicate","cfd3d7",{"name":2003,"color":2004},3835,"UNavigationMenu not showing correctly","2025-04-09T08:23:59Z","https://github.com/nuxt/ui/issues/3835",0.80215156,{"description":2065,"labels":2066,"number":2069,"owner":1991,"repository":1992,"state":2006,"title":2070,"updated_at":2071,"url":2072,"score":2073},"### Description\n\nI recently updated to the v3, which now uses Nuxt I18n for its own component translations. Since this update, my existing i18n configuration no longer works as expected. It seems the framework’s new i18n setup conflicts with or overrides my own translations, and I’m unable to figure out how to properly extend its default localization to include my own.\n\nCould you please provide guidance on how to configure or extend the new i18n setup so that my existing translations remain functional?\n\n",[2067,2068],{"name":1985,"color":1986},{"name":2003,"color":2004},2956,"How to extend Nuxt I18n translations?","2025-03-28T17:37:21Z","https://github.com/nuxt/ui/issues/2956",0.80216587,{"description":2075,"labels":2076,"number":2081,"owner":1991,"repository":1992,"state":2006,"title":2082,"updated_at":2083,"url":2084,"score":2085},"### For what version of Nuxt UI are you suggesting this?\n\nv3-alpha\n\n### Description\n\nAdd `code` to `defineLocale`, it comes in handy in several components:\n\n* https://www.radix-vue.com/components/number-field.html\n* https://www.radix-vue.com/components/calendar.html\n\nYou need to pass the `locale` property there, you can get it from `defineLocale`\n\n### Additional context\n\n_No response_",[2077,2080],{"name":2078,"color":2079},"enhancement","a2eeef",{"name":2003,"color":2004},2610,"Provide `code` on `defineLocale`","2024-11-12T11:57:53Z","https://github.com/nuxt/ui/issues/2610",0.8037096,{"description":2087,"labels":2088,"number":2098,"owner":1991,"repository":1991,"state":2006,"title":2099,"updated_at":2100,"url":2101,"score":2102},"### Environment\r\n\r\nNode: 18.17.1\r\nVue 3.3.4\r\nNuxt 3.7.3\r\nVite 4.4.9\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-starter-2xkzzs?file=nuxt.config.ts\r\n\r\n\r\n\r\n### Describe the bug\r\n\r\nif we leave a comment before the first element in the template\r\n`style and class merging` do not work\r\n\r\n### Additional context\r\n\r\nmy workaround now:\r\n- move the comment into the div\r\n- add `:class=\"$attrs.class\"` to the element in the child component which I want to extend class from parent\r\n- remove whitespace: 'preserve' (this way is very bad because nuxt 3/vite will render template without extra space as I write in this https://github.com/vitejs/vite/discussions/14378)\r\n\r\n### Logs\r\n\r\n_No response_",[2089,2092,2095],{"name":2090,"color":2091},"3.x","29bc7f",{"name":2093,"color":2094},"pending triage","E99695",{"name":2096,"color":2097},"upstream","E8A36D",23353,"`class and style merging` conflict with vue.template.compilerOptions.whitespace preserve","2023-09-26T00:00:49Z","https://github.com/nuxt/nuxt/issues/23353",0.80468893,["Reactive",2104],{},["Set"],["ShallowReactive",2107],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"S7VJjQa3Or4RYdKRWzekOSQ6d0D0eI7zttZ1SainSkY":-1},"/nuxt/nuxt.com/812"]