\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",[2910],{"name":2883,"color":2884},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.7819934,{"description":2917,"labels":2918,"number":2923,"owner":2872,"repository":2873,"state":2889,"title":2924,"updated_at":2925,"url":2926,"score":2927},"### 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_",[2919,2922],{"name":2920,"color":2921},"enhancement","a2eeef",{"name":2886,"color":2887},2610,"Provide `code` on `defineLocale`","2024-11-12T11:57:53Z","https://github.com/nuxt/ui/issues/2610",0.78417313,{"description":2929,"labels":2930,"number":2933,"owner":2872,"repository":2934,"state":2889,"title":2935,"updated_at":2936,"url":2937,"score":2938},"\n- [x] Those logos are off-centered\n\n\n\n- [x] [Mobile] On the case studies, you can remove the image on responsive, it makes the text hard to read\n\n\n\n- [x] [Mobile] The contact us section at end of case studies must keep his card aspect by not being full width\n\n\n\n- [ ] [Mobile] You can make the images between sections twice of the actual height in mobile\n\n\n\n- [x] Icon should be 24px instead of 20px + in order to compensate the white space of icon, you should remove 'px-6' and do \"pr-6 pl-4\" for the button\n\n\n- [x] You can remove the negative letter spacing of speakers\n\n\n- [x] [Darkmode] This should be white\n\n",[2931],{"name":2920,"color":2932},"1ad6ff",603,"nuxt.com","[Resources] Case studies improvements V2","2022-06-27T09:38:18Z","https://github.com/nuxt/nuxt.com/issues/603",0.785148,{"description":2940,"labels":2941,"number":2933,"owner":2872,"repository":2945,"state":2889,"title":2946,"updated_at":2947,"url":2948,"score":2938},"In version 0.11.0 I get type errors is I try to run\r\n```\r\nvi.spyOn(vue, 'watch')\r\n// TypeError: Cannot redefine property: watch\r\n```\r\n\r\nThe same is for `onMounted`\r\n\r\nDo you happen to have any thoughts on what may have changed to make this happen? I think it's a result of `nuxt-vitest`\r\n\r\nIt could possibly be that by updating nuxt-vitest also updated other dependencies resulting in this? If you have any hints, always appreciated as to how to hunt this down.\r\n\r\nI'll look at any other workarounds hacks too, but just in case it this was not an intended effect and it makes something spring to mind as to what could cause it :)\r\n\r\nFailing test:\r\n```\r\nimport { describe, test, vi } from 'vitest'\r\nimport * as vue from 'vue'\r\n\r\ndescribe('Cannot mock vue functions', () => {\r\n test('Spy on watch', () => {\r\n vi.spyOn(vue, 'watch')\r\n })\r\n test('Spy on onMounted', () => {\r\n vi.spyOn(vue, 'onMounted')\r\n })\r\n})\r\n```",[2942],{"name":2943,"color":2944},"vitest-environment","b60205","test-utils","0.11.0 - can no longer spy on vue methods such as watch or onMounted","2023-12-05T16:26:09Z","https://github.com/nuxt/test-utils/issues/603",{"description":2950,"labels":2951,"number":2952,"owner":2872,"repository":2934,"state":2889,"title":2953,"updated_at":2954,"url":2955,"score":2956},"\u003Cimg width=\"782\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5158436/205641829-6099b2e8-0287-4c4d-ae65-15031410390e.png\">\r\n\r\nThe spacing between the file name and comment is too narrow (a little space could be nice to make the gap)\r\n\r\nRelated accessibility issue found: As you can see in the screenshot, there is no indicator there is a vertical scroll even when moving the cursor to the code block (there is more code to scroll to the right).",[],1065,"Spacing in code snippts between file name","2022-12-21T12:42:17Z","https://github.com/nuxt/nuxt.com/issues/1065",0.78751737,{"description":2958,"labels":2959,"number":2964,"owner":2872,"repository":2934,"state":2889,"title":2965,"updated_at":2966,"url":2967,"score":2968},"- [x] We never use \"Roobert Bold\" you should replace all the \"font-bold\" by the semi bold version\n\n\n- [x] Prose base color must be gray-600 in light mode \n\n\n- [x] Cards have 12px border radius\n- [x] Buttons have 8px border radius",[2960,2961],{"name":2920,"color":2932},{"name":2962,"color":2963},"design","00bd6f",515,"[UI] Improvements","2022-05-20T13:20:47Z","https://github.com/nuxt/nuxt.com/issues/515",0.7877917,{"description":2970,"labels":2971,"number":2972,"owner":2872,"repository":2934,"state":2889,"title":2973,"updated_at":2974,"url":2975,"score":2976},"[nuxi build](https://nuxt.com/docs/api/commands/build) is missing the docs for `--preset`\r\n\r\nSource: https://github.com/nuxt/cli/blob/main/src/commands/build.ts#L22",[],1556,"docs: nuxi build missing `--preset` option","2024-04-12T22:06:13Z","https://github.com/nuxt/nuxt.com/issues/1556",0.79602927,["Reactive",2978],{},["Set"],["ShallowReactive",2981],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fS7VJjQa3Or4RYdKRWzekOSQ6d0D0eI7zttZ1SainSkY":-1},"/nuxt/nuxt.com/812"]