\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\n definePageMeta({\r\n layout: '',\r\n })\r\n const rows = [{\r\n id: 1,\r\n name: 'John Doe',\r\n amount: 12.54,\r\n }, {\r\n id: 2,\r\n name: 'Jane Roe',\r\n amount: 45.12,\r\n }]\r\n const selected = ref([]);\r\n watch(selected, async (selections) => {\r\n const idMap = selections.map((item) => item.id);\r\n console.info('You checked', idMap)\r\n });\r\n\u003C/script>\r\n```\r\n\r\n2. Notice that when you check the check all box on the table that watch does not get called and nothing is printed to console\r\n\r\n\r\n\r\n\r\n\n\n### Description\n\nWhen you uncheck check all (false) watch updates correctly\r\nWhen you individually check boxes logic also works correctly\r\nIt is only when check all is checked (true) that the event does not propagate to watch correctly\r\n\r\nI also tried the @select function on the table as per example (https://ui.nuxt.com/components/table) and this function is even worse, it only executes some times\r\n\r\nI can see values being pushed here `/node_modules/@nuxt/ui/dist/runtime/components/data/Table.vue > selectAllRows()` but it does not propogate back to my app, maybe the push function does not work correctly on the array value?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2046],{"name":2032,"color":2033},2170,"closed","UTable 'Select all' not updating ref events correctly","2024-09-18T08:42:41Z","https://github.com/nuxt/ui/issues/2170",0.7497698,{"description":2054,"labels":2055,"number":2058,"owner":1988,"repository":2038,"state":2048,"title":2059,"updated_at":2060,"url":2061,"score":2062},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\n## Description\n\nI would love to have a way to know that custom buttons passed to button slots can go to the previous, next, first or next page. Currently I know it by defining computed properties that calculate based on current page, per, and total pages like below\n\n```vue [PaginationWrapper.vue]\n\u003Cscript setup lang=\"ts\">\n// defineProps defines page, per, and allCount props above...\n\n// I define below by myself\nconst canGoFirstOrPrev = computed(() => props.page > 1)\nconst canGoLastOrNext = computed(() => props.page \u003C Math.ceil(props.allCount / props.per))\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUPagination\n v-model=\"page\"\n size=\"2xs\"\n :page-count=\"2\"\n :total=\"10\"\n >\n \u003Ctemplate #prev=\"{ onClick }\">\n \u003CUButton\n :disabled=\"!canGoFirstOrPrev\"\n @click=\"onClick\"\n />\n \u003C/template>\n\n \u003Ctemplate #next=\"{ onClick }\">\n \u003CUButton\n :disabled=\"!canGoLastOrNext\"\n @click=\"onClick\"\n />\n \u003C/template>\n \u003C/UPagination>\n\u003C/template>\n```\n\nThen, I found `UPagination` itself already has them in it. I would like to reuse them in my component to avoid redundant declaration by letting them exposed through slot props.\nhttps://github.com/nuxt/ui/blob/912ec15d0825aa5acd439412e33bff87c845b993/src/runtime/components/navigation/Pagination.vue#L252-L253\n\nI've attached a sample below of how I would like to use the computed properties.\n\n```diff\ndiff --git a/src/components/ExamplePagination.vue b/src/components/ExamplePagination.vue\nindex 43072bf..b48ca9f 100644\n--- a/src/components/ExamplePagination.vue\n+++ b/src/components/ExamplePagination.vue\n@@ -25,30 +25,30 @@ \n >\n- \u003Ctemplate #first=\"{ onClick }\">\n+ \u003Ctemplate #first=\"{ onClick, canGoFirst }\">\n \u003CUButton\n- :disabled=\"!canGoFirstOrPrev\"\n+ :disabled=\"!canGoFirst\"\n @click=\"onClick\"\n />\n \u003C/template>\n\n- \u003Ctemplate #prev=\"{ onClick }\">\n+ \u003Ctemplate #prev=\"{ onClick, canGoPrev }\">\n \u003CUButton\n- :disabled=\"!canGoFirstOrPrev\"\n+ :disabled=\"!canGoPrev\"\n @click=\"onClick\"\n />\n \u003C/template>\n\n- \u003Ctemplate #next=\"{ onClick }\">\n+ \u003Ctemplate #next=\"{ onClick, canGoNext }\">\n \u003CUButton\n- :disabled=\"!canGoLastOrNext\"\n+ :disabled=\"!canGoNext\"\n @click=\"onClick\"\n />\n \u003C/template>\n\n- \u003Ctemplate #last=\"{ onClick }\">\n+ \u003Ctemplate #last=\"{ onClick, canGoLast }\">\n \u003CUButton\n- :disabled=\"!canGoLastOrNext\"\n+ :disabled=\"!canGoLast\"\n @click=\"onClick\"\n />\n \u003C/template>\n```\n\n### Additional context\n\n_No response_",[2056],{"name":1985,"color":2057},"a2eeef",2521,"[UPagination] Add canGoXXX into slots props on buttons","2024-11-05T16:13:43Z","https://github.com/nuxt/ui/issues/2521",0.7805754,{"description":2064,"labels":2065,"number":2070,"owner":1988,"repository":1988,"state":2048,"title":2071,"updated_at":2072,"url":2073,"score":2074},"### Environment\r\n\r\n- nuxt : `2.15.8`\r\n- nuxt-gsap-module: ` 1.7.2`,\r\n\r\n\r\n### Reproduction\r\n\r\nReproduction on the link below :\r\nhttps://codesandbox.io/s/animation-between-page-test-go4k6h?file=/layouts/default.vue\r\n\r\n### Describe the bug\r\n\r\nI used GSAP for transitions between my pages.\r\n\r\nThe problem is when you leave about, home is not loaded and we see body background. Conversely, when you are on home and you go on about, home is still alive and \"about\" move above home\r\nAnother thing is between about and news, the two pages \"push\" each other.\r\n\r\nIs it possible to \"keep alive\" home page in both cases ? and to prevent \"pushing\" ?\r\n\r\n\r\n### Additional context\r\n\r\n\r\nI tried to reproduce animations in this website : [https://www.mirrormirror.fr/](https://www.mirrormirror.fr/)",[2066,2069],{"name":2067,"color":2068},"3.x","29bc7f",{"name":1999,"color":2000},12397,"Transition between pages issue","2023-02-21T17:01:00Z","https://github.com/nuxt/nuxt/issues/12397",0.7853172,{"description":2076,"labels":2077,"number":2081,"owner":1988,"repository":1988,"state":2048,"title":2082,"updated_at":2083,"url":2084,"score":2085},"Is it possible to disable route-link while the page is loading? Currently a visitor can click 10 times in a row on a route-link and it will fetch the data 10 times. Is it possible to only run once no matter how many time the visitor clicks it? I have visitors that click a link multiple times because the page they clicked is still being loaded. \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/c1592\">#c1592\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2078],{"name":2079,"color":2080},"2.x","d4c5f9",1773,"[QUESTION] Disabling route-link while loading","2023-01-18T15:54:45Z","https://github.com/nuxt/nuxt/issues/1773",0.79228574,{"labels":2087,"number":2090,"owner":1988,"repository":1988,"state":2048,"title":2091,"updated_at":2092,"url":2093,"score":2094},[2088,2089],{"name":1999,"color":2000},{"name":2079,"color":2080},10141,"Having to click the back button twice","2023-10-19T20:21:27Z","https://github.com/nuxt/nuxt/issues/10141",0.79269993,{"description":2096,"labels":2097,"number":2100,"owner":1988,"repository":1988,"state":2048,"title":2071,"updated_at":2101,"url":2102,"score":2103},"Hello everyone,\r\n\r\n### Environment\r\n\r\nnuxt : `2.15.8`\r\nnuxt-gsap-module: `1.7.2`\r\n\r\n### Reproduction\r\n\r\nReproduction on the link below :\r\nhttps://codesandbox.io/s/animation-between-page-test-go4k6h?file=/layouts/default.vue\r\n\r\n### Describe the bug\r\n\r\nI used GSAP for transitions between my pages.\r\n\r\n**The problem is when you leave about, home is not loaded and we see body background. Conversely, when you are on home and you go on about, home is still alive and \"about\" move above home\r\nAnother thing is between about and news, the two pages \"push\" each other.**\r\n\r\nIs it possible to \"keep alive\" home page in both cases ? and to prevent \"pushing\" ?\r\n\r\n### Additional context\r\n\r\nI tried to reproduce animations in this website : https://www.mirrormirror.fr/\r\n\r\nNot sure if it's a issue or not, can someone enlighten me ?",[2098,2099],{"name":1999,"color":2000},{"name":2079,"color":2080},10899,"2024-06-30T09:22:02Z","https://github.com/nuxt/nuxt/issues/10899",0.7929098,["Reactive",2105],{},["Set"],["ShallowReactive",2108],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"yOYIFWinmpbOGS1x8JOXcam42RMMblS8JQ09f2dR5VY":-1},"/nuxt/ui/2105"]