[{"data":1,"prerenderedAt":1598},["ShallowReactive",2],{"i-ph:magnifying-glass":3,"i-ph:circle":8,"i-ph:moon":10,"i-ph:github-logo":12,"i-ph:brackets-curly":14,"i-ph:file-css":16,"i-ph:rectangle-dashed":18,"i-ph:arrow-left":20,"i-ph:arrow-right":22,"components-pagination":24},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"M208.31 75.68A59.78 59.78 0 0 0 202.93 28a8 8 0 0 0-6.93-4a59.75 59.75 0 0 0-48 24h-24a59.75 59.75 0 0 0-48-24a8 8 0 0 0-6.93 4a59.78 59.78 0 0 0-5.38 47.68A58.14 58.14 0 0 0 56 104v8a56.06 56.06 0 0 0 48.44 55.47A39.8 39.8 0 0 0 96 192v8H72a24 24 0 0 1-24-24a40 40 0 0 0-40-40a8 8 0 0 0 0 16a24 24 0 0 1 24 24a40 40 0 0 0 40 40h24v16a8 8 0 0 0 16 0v-40a24 24 0 0 1 48 0v40a8 8 0 0 0 16 0v-40a39.8 39.8 0 0 0-8.44-24.53A56.06 56.06 0 0 0 216 112v-8a58.14 58.14 0 0 0-7.69-28.32M200 112a40 40 0 0 1-40 40h-48a40 40 0 0 1-40-40v-8a41.74 41.74 0 0 1 6.9-22.48a8 8 0 0 0 1.1-7.69a43.8 43.8 0 0 1 .79-33.58a43.88 43.88 0 0 1 32.32 20.06a8 8 0 0 0 6.71 3.69h32.35a8 8 0 0 0 6.74-3.69a43.87 43.87 0 0 1 32.32-20.06a43.8 43.8 0 0 1 .77 33.58a8.09 8.09 0 0 0 1 7.65a41.7 41.7 0 0 1 7 22.52Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"currentColor\" d=\"M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74c0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36c0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36c0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36c0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36c0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26a29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74c0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26c4.8-9.9 4.8-22 4.8-33.74c0-24.31 1-36 24-36a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66a8 8 0 1 1 11.55 11.06A30 30 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30 30 0 0 1 21.77 9.6a8 8 0 1 1-11.55 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20m79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84c-1.26-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.83-.56a8 8 0 0 0 4.07-15.48c-2.12-.55-21-5.22-32.83 2.76a20.55 20.55 0 0 0-9 14.95c-2 15.88 13.64 20.41 23 23.11c12.07 3.49 13.13 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.14 3.93c-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.3 15.41a61.2 61.2 0 0 0 15.18 2c5.83 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.25-17.28-14.27-22.11-24.15-24.97m64 0c-4-1.16-8.14-2.35-10.45-3.84c-1.25-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11c12.06 3.49 13.12 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.15 3.93c-4.6 3.06-15.16 1.56-19.54.36a8 8 0 0 0-4.3 15.44a61.3 61.3 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0m120-32h28.68L160 51.31Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M80 48a8 8 0 0 1-8 8H40v16a8 8 0 0 1-16 0V56a16 16 0 0 1 16-16h32a8 8 0 0 1 8 8M32 152a8 8 0 0 0 8-8v-32a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8m40 48H40v-16a8 8 0 0 0-16 0v16a16 16 0 0 0 16 16h32a8 8 0 0 0 0-16m72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m80-24a8 8 0 0 0-8 8v16h-32a8 8 0 0 0 0 16h32a16 16 0 0 0 16-16v-16a8 8 0 0 0-8-8m0-72a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-8-64h-32a8 8 0 0 0 0 16h32v16a8 8 0 0 0 16 0V56a16 16 0 0 0-16-16m-72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"currentColor\" d=\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"currentColor\" d=\"m221.66 133.66l-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32\"/>",{"id":25,"title":26,"body":27,"description":37,"extension":1592,"meta":1593,"navigation":136,"path":1594,"seo":1595,"stem":1596,"__hash__":1597},"docs/docs/components/pagination.md","Pagination",{"type":28,"value":29,"toc":1586},"minimark",[30,34,38,369,374,506,510,555,559,588,592,598,663,669,777,784,787,1582],[31,32,26],"h1",{"id":33},"pagination",[35,36,37],"p",{},"The Pagination component provides a user interface for navigating through paginated content. It supports page numbers, previous/next buttons, and first/last page navigation.",[39,40,41],"pagination-example",{},[42,43,48],"pre",{"className":44,"code":45,"language":46,"meta":47,"style":47},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { paginate, Pagination } from '@dolanske/vui'\nimport { computed, ref } from 'vue'\n\nconst currentPage = ref(1)\nconst totalItems = 100\nconst perPage = 10\n\nconst pagination = computed(() => paginate(totalItems, currentPage.value, perPage))\n\nfunction handlePageChange(page) {\n  currentPage.value = page\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CPagination\n    :pagination=\"pagination\"\n    @change=\"handlePageChange\"\n  />\n\u003C/template>\n","vue","",[49,50,51,71,106,131,138,164,177,190,195,237,242,262,277,283,293,298,308,317,336,354,360],"code",{"__ignoreMap":47},[52,53,56,60,64,68],"span",{"class":54,"line":55},"line",1,[52,57,59],{"class":58},"sP76a","\u003C",[52,61,63],{"class":62},"sKpE2","script",[52,65,67],{"class":66},"sflEz"," setup",[52,69,70],{"class":58},">\n",[52,72,74,77,80,83,86,89,92,95,99,103],{"class":54,"line":73},2,[52,75,76],{"class":62},"import",[52,78,79],{"class":58}," {",[52,81,82],{"class":66}," paginate",[52,84,85],{"class":58},",",[52,87,88],{"class":66}," Pagination",[52,90,91],{"class":58}," }",[52,93,94],{"class":62}," from",[52,96,98],{"class":97},"sBR95"," '",[52,100,102],{"class":101},"sfmH-","@dolanske/vui",[52,104,105],{"class":97},"'\n",[52,107,109,111,113,116,118,121,123,125,127,129],{"class":54,"line":108},3,[52,110,76],{"class":62},[52,112,79],{"class":58},[52,114,115],{"class":66}," computed",[52,117,85],{"class":58},[52,119,120],{"class":66}," ref",[52,122,91],{"class":58},[52,124,94],{"class":62},[52,126,98],{"class":97},[52,128,46],{"class":101},[52,130,105],{"class":97},[52,132,134],{"class":54,"line":133},4,[52,135,137],{"emptyLinePlaceholder":136},true,"\n",[52,139,141,145,148,151,154,157,161],{"class":54,"line":140},5,[52,142,144],{"class":143},"sCMWV","const",[52,146,147],{"class":66}," currentPage",[52,149,150],{"class":58}," =",[52,152,120],{"class":153},"sRTv0",[52,155,156],{"class":58},"(",[52,158,160],{"class":159},"socUO","1",[52,162,163],{"class":58},")\n",[52,165,167,169,172,174],{"class":54,"line":166},6,[52,168,144],{"class":143},[52,170,171],{"class":66}," totalItems",[52,173,150],{"class":58},[52,175,176],{"class":159}," 100\n",[52,178,180,182,185,187],{"class":54,"line":179},7,[52,181,144],{"class":143},[52,183,184],{"class":66}," perPage",[52,186,150],{"class":58},[52,188,189],{"class":159}," 10\n",[52,191,193],{"class":54,"line":192},8,[52,194,137],{"emptyLinePlaceholder":136},[52,196,198,200,203,205,207,210,213,215,217,220,222,224,227,230,232,234],{"class":54,"line":197},9,[52,199,144],{"class":143},[52,201,202],{"class":66}," pagination",[52,204,150],{"class":58},[52,206,115],{"class":153},[52,208,209],{"class":58},"(()",[52,211,212],{"class":58}," =>",[52,214,82],{"class":153},[52,216,156],{"class":58},[52,218,219],{"class":66},"totalItems",[52,221,85],{"class":58},[52,223,147],{"class":66},[52,225,226],{"class":58},".",[52,228,229],{"class":66},"value",[52,231,85],{"class":58},[52,233,184],{"class":66},[52,235,236],{"class":58},"))\n",[52,238,240],{"class":54,"line":239},10,[52,241,137],{"emptyLinePlaceholder":136},[52,243,245,248,251,253,256,259],{"class":54,"line":244},11,[52,246,247],{"class":143},"function",[52,249,250],{"class":153}," handlePageChange",[52,252,156],{"class":58},[52,254,255],{"class":66},"page",[52,257,258],{"class":58},")",[52,260,261],{"class":58}," {\n",[52,263,265,268,270,272,274],{"class":54,"line":264},12,[52,266,267],{"class":66},"  currentPage",[52,269,226],{"class":58},[52,271,229],{"class":66},[52,273,150],{"class":58},[52,275,276],{"class":66}," page\n",[52,278,280],{"class":54,"line":279},13,[52,281,282],{"class":58},"}\n",[52,284,286,289,291],{"class":54,"line":285},14,[52,287,288],{"class":58},"\u003C/",[52,290,63],{"class":62},[52,292,70],{"class":58},[52,294,296],{"class":54,"line":295},15,[52,297,137],{"emptyLinePlaceholder":136},[52,299,301,303,306],{"class":54,"line":300},16,[52,302,59],{"class":58},[52,304,305],{"class":62},"template",[52,307,70],{"class":58},[52,309,311,314],{"class":54,"line":310},17,[52,312,313],{"class":58},"  \u003C",[52,315,316],{"class":62},"Pagination\n",[52,318,320,323,325,328,331,333],{"class":54,"line":319},18,[52,321,322],{"class":58},"    :",[52,324,33],{"class":153},[52,326,327],{"class":58},"=",[52,329,330],{"class":58},"\"",[52,332,33],{"class":66},[52,334,335],{"class":58},"\"\n",[52,337,339,342,345,347,349,352],{"class":54,"line":338},19,[52,340,341],{"class":58},"    @",[52,343,344],{"class":153},"change",[52,346,327],{"class":58},[52,348,330],{"class":58},[52,350,351],{"class":66},"handlePageChange",[52,353,335],{"class":58},[52,355,357],{"class":54,"line":356},20,[52,358,359],{"class":58},"  />\n",[52,361,363,365,367],{"class":54,"line":362},21,[52,364,288],{"class":58},[52,366,305],{"class":62},[52,368,70],{"class":58},[370,371,373],"h3",{"id":372},"props","Props",[375,376,377,393],"table",{},[378,379,380],"thead",{},[381,382,383,387,390],"tr",{},[384,385,386],"th",{},"Name",[384,388,389],{},"Default",[384,391,392],{},"Type",[394,395,396,415,435,453,471],"tbody",{},[381,397,398,403,406],{},[399,400,401],"td",{},[49,402,33],{},[399,404,405],{},"required",[399,407,408,410,411,414],{},[49,409,26],{}," ",[412,413],"br",{}," The pagination state object containing page information",[381,416,417,422,427],{},[399,418,419],{},[49,420,421],{},"numbers",[399,423,424],{},[49,425,426],{},"true",[399,428,429,410,432,434],{},[49,430,431],{},"boolean",[412,433],{}," Whether to show page numbers",[381,436,437,442,446],{},[399,438,439],{},[49,440,441],{},"prevNext",[399,443,444],{},[49,445,426],{},[399,447,448,410,450,452],{},[49,449,431],{},[412,451],{}," Whether to show previous/next buttons",[381,454,455,460,464],{},[399,456,457],{},[49,458,459],{},"firstLast",[399,461,462],{},[49,463,426],{},[399,465,466,410,468,470],{},[49,467,431],{},[412,469],{}," Whether to show first/last page buttons",[381,472,473,478,483],{},[399,474,475],{},[49,476,477],{},"variant",[399,479,480],{},[49,481,482],{},"'gray'",[399,484,485,410,488,410,491,410,494,410,497,410,500,410,503,505],{},[49,486,487],{},"fill",[49,489,490],{},"danger",[49,492,493],{},"success",[49,495,496],{},"link",[49,498,499],{},"accent",[49,501,502],{},"gray",[412,504],{}," The variant of the buttons",[370,507,509],{"id":508},"slots","Slots",[375,511,512,524],{},[378,513,514],{},[381,515,516,518,521],{},[384,517,386],{},[384,519,520],{},"Accepts",[384,522,523],{},"Description",[394,525,526,541],{},[381,527,528,533,538],{},[399,529,530],{},[49,531,532],{},"prev",[399,534,535],{},[49,536,537],{},"any",[399,539,540],{},"Custom content for the previous button",[381,542,543,548,552],{},[399,544,545],{},[49,546,547],{},"next",[399,549,550],{},[49,551,537],{},[399,553,554],{},"Custom content for the next button",[370,556,558],{"id":557},"events","Events",[375,560,561,572],{},[378,562,563],{},[381,564,565,568,570],{},[384,566,567],{},"Event",[384,569,392],{},[384,571,523],{},[394,573,574],{},[381,575,576,580,585],{},[399,577,578],{},[49,579,344],{},[399,581,582],{},[49,583,584],{},"(page: number) => void",[399,586,587],{},"Emitted when the page is changed",[370,589,591],{"id":590},"paginate","Paginate",[35,593,594,595,597],{},"The library exports a ",[49,596,590],{}," composable which allows users to define their own pagination context without having to use the provided component.",[42,599,603],{"className":600,"code":601,"language":602,"meta":47,"style":47},"language-ts shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","const ctx = paginate(\n  100, // Total number of items\n  1, // Current page, 1-indexed\n  15, // Number of items per page\n  5 // Maximum number of pages to display\n)\n","ts",[49,604,605,620,631,641,651,659],{"__ignoreMap":47},[52,606,607,610,613,615,617],{"class":54,"line":55},[52,608,609],{"class":143},"const ",[52,611,612],{"class":66},"ctx",[52,614,150],{"class":58},[52,616,82],{"class":153},[52,618,619],{"class":58},"(\n",[52,621,622,625,627],{"class":54,"line":73},[52,623,624],{"class":159},"  100",[52,626,85],{"class":58},[52,628,630],{"class":629},"sR5Ys"," // Total number of items\n",[52,632,633,636,638],{"class":54,"line":108},[52,634,635],{"class":159},"  1",[52,637,85],{"class":58},[52,639,640],{"class":629}," // Current page, 1-indexed\n",[52,642,643,646,648],{"class":54,"line":133},[52,644,645],{"class":159},"  15",[52,647,85],{"class":58},[52,649,650],{"class":629}," // Number of items per page\n",[52,652,653,656],{"class":54,"line":140},[52,654,655],{"class":159},"  5",[52,657,658],{"class":629}," // Maximum number of pages to display\n",[52,660,661],{"class":54,"line":166},[52,662,163],{"class":58},[35,664,665,666,668],{},"The function returns a ",[49,667,26],{}," interface with the following properties:",[42,670,672],{"className":600,"code":671,"language":602,"meta":47,"style":47},"export interface Pagination {\n  totalItems: number\n  currentPage: number\n  perPage: number\n  totalPages: number\n  startPage: number\n  endPage: number\n  startIndex: number\n  endIndex: number\n  pages: number[]\n}\n",[49,673,674,687,698,706,715,724,733,742,751,760,773],{"__ignoreMap":47},[52,675,676,679,682,685],{"class":54,"line":55},[52,677,678],{"class":62},"export",[52,680,681],{"class":143}," interface",[52,683,88],{"class":684},"sTIxS",[52,686,261],{"class":58},[52,688,689,692,695],{"class":54,"line":73},[52,690,691],{"class":66},"  totalItems",[52,693,694],{"class":58},": ",[52,696,697],{"class":684},"number\n",[52,699,700,702,704],{"class":54,"line":108},[52,701,267],{"class":66},[52,703,694],{"class":58},[52,705,697],{"class":684},[52,707,708,711,713],{"class":54,"line":133},[52,709,710],{"class":66},"  perPage",[52,712,694],{"class":58},[52,714,697],{"class":684},[52,716,717,720,722],{"class":54,"line":140},[52,718,719],{"class":66},"  totalPages",[52,721,694],{"class":58},[52,723,697],{"class":684},[52,725,726,729,731],{"class":54,"line":166},[52,727,728],{"class":66},"  startPage",[52,730,694],{"class":58},[52,732,697],{"class":684},[52,734,735,738,740],{"class":54,"line":179},[52,736,737],{"class":66},"  endPage",[52,739,694],{"class":58},[52,741,697],{"class":684},[52,743,744,747,749],{"class":54,"line":192},[52,745,746],{"class":66},"  startIndex",[52,748,694],{"class":58},[52,750,697],{"class":684},[52,752,753,756,758],{"class":54,"line":197},[52,754,755],{"class":66},"  endIndex",[52,757,694],{"class":58},[52,759,697],{"class":684},[52,761,762,765,767,770],{"class":54,"line":239},[52,763,764],{"class":66},"  pages",[52,766,694],{"class":58},[52,768,769],{"class":684},"number",[52,771,772],{"class":58},"[]\n",[52,774,775],{"class":54,"line":244},[52,776,282],{"class":58},[35,778,779,780,783],{},"If you use this inside Vue's ",[49,781,782],{},"computed",", you will have an auto-updating pagination object that you can use in your template to manually control active pages and displayed data.",[35,785,786],{},"Here's an example of a custom pagination without using any VUI components.",[42,788,790],{"className":44,"code":789,"language":46,"meta":47,"style":47},"\u003Cscript setup>\nimport { paginate } from '@dolanske/vui'\nimport { computed, ref } from 'vue'\n\n// Sample data\nconst items = ref([\n  { id: 1, name: 'Item 1' },\n  { id: 2, name: 'Item 2' },\n  { id: 3, name: 'Item 3' },\n  { id: 4, name: 'Item 4' },\n  { id: 5, name: 'Item 5' },\n  { id: 6, name: 'Item 6' },\n])\n\nconst currentPage = ref(1)\nconst perPage = 3\n\n// Create pagination context\nconst pagination = computed(() =>\n  paginate(items.value.length, currentPage.value, perPage, 3)\n)\n\n// Get current page items\nconst currentItems = computed(() => {\n  const { startIndex, endIndex } = pagination.value\n  return items.value.slice(startIndex, endIndex)\n})\n\nfunction goToNext() {\n  if (currentPage.value \u003C pagination.value.totalPages) {\n    currentPage.value++\n  }\n}\n\nfunction goToPrev() {\n  if (currentPage.value > 1) {\n    currentPage.value--\n  }\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv v-for=\"item in currentItems\" :key=\"item.id\">\n    {{ item.name }}\n  \u003C/div>\n\n  \u003Cbutton :disabled=\"currentPage === 1\" @click=\"goToPrev\">\n    Previous\n  \u003C/button>\n  \u003Cbutton :disabled=\"currentPage === pagination.totalPages\" @click=\"goToNext\">\n    Next\n  \u003C/button>\n\u003C/template>\n",[49,791,792,802,820,842,846,851,865,898,924,950,976,1002,1028,1033,1037,1053,1064,1068,1073,1088,1125,1129,1134,1140,1158,1185,1213,1219,1224,1237,1271,1284,1290,1295,1300,1312,1334,1346,1351,1356,1365,1370,1379,1425,1442,1452,1457,1500,1507,1516,1558,1564,1573],{"__ignoreMap":47},[52,793,794,796,798,800],{"class":54,"line":55},[52,795,59],{"class":58},[52,797,63],{"class":62},[52,799,67],{"class":66},[52,801,70],{"class":58},[52,803,804,806,808,810,812,814,816,818],{"class":54,"line":73},[52,805,76],{"class":62},[52,807,79],{"class":58},[52,809,82],{"class":66},[52,811,91],{"class":58},[52,813,94],{"class":62},[52,815,98],{"class":97},[52,817,102],{"class":101},[52,819,105],{"class":97},[52,821,822,824,826,828,830,832,834,836,838,840],{"class":54,"line":108},[52,823,76],{"class":62},[52,825,79],{"class":58},[52,827,115],{"class":66},[52,829,85],{"class":58},[52,831,120],{"class":66},[52,833,91],{"class":58},[52,835,94],{"class":62},[52,837,98],{"class":97},[52,839,46],{"class":101},[52,841,105],{"class":97},[52,843,844],{"class":54,"line":133},[52,845,137],{"emptyLinePlaceholder":136},[52,847,848],{"class":54,"line":140},[52,849,850],{"class":629},"// Sample data\n",[52,852,853,855,858,860,862],{"class":54,"line":166},[52,854,144],{"class":143},[52,856,857],{"class":66}," items",[52,859,150],{"class":58},[52,861,120],{"class":153},[52,863,864],{"class":58},"([\n",[52,866,867,870,874,877,880,882,885,887,889,892,895],{"class":54,"line":179},[52,868,869],{"class":58},"  {",[52,871,873],{"class":872},"sDB6b"," id",[52,875,876],{"class":58},":",[52,878,879],{"class":159}," 1",[52,881,85],{"class":58},[52,883,884],{"class":872}," name",[52,886,876],{"class":58},[52,888,98],{"class":97},[52,890,891],{"class":101},"Item 1",[52,893,894],{"class":97},"'",[52,896,897],{"class":58}," },\n",[52,899,900,902,904,906,909,911,913,915,917,920,922],{"class":54,"line":192},[52,901,869],{"class":58},[52,903,873],{"class":872},[52,905,876],{"class":58},[52,907,908],{"class":159}," 2",[52,910,85],{"class":58},[52,912,884],{"class":872},[52,914,876],{"class":58},[52,916,98],{"class":97},[52,918,919],{"class":101},"Item 2",[52,921,894],{"class":97},[52,923,897],{"class":58},[52,925,926,928,930,932,935,937,939,941,943,946,948],{"class":54,"line":197},[52,927,869],{"class":58},[52,929,873],{"class":872},[52,931,876],{"class":58},[52,933,934],{"class":159}," 3",[52,936,85],{"class":58},[52,938,884],{"class":872},[52,940,876],{"class":58},[52,942,98],{"class":97},[52,944,945],{"class":101},"Item 3",[52,947,894],{"class":97},[52,949,897],{"class":58},[52,951,952,954,956,958,961,963,965,967,969,972,974],{"class":54,"line":239},[52,953,869],{"class":58},[52,955,873],{"class":872},[52,957,876],{"class":58},[52,959,960],{"class":159}," 4",[52,962,85],{"class":58},[52,964,884],{"class":872},[52,966,876],{"class":58},[52,968,98],{"class":97},[52,970,971],{"class":101},"Item 4",[52,973,894],{"class":97},[52,975,897],{"class":58},[52,977,978,980,982,984,987,989,991,993,995,998,1000],{"class":54,"line":244},[52,979,869],{"class":58},[52,981,873],{"class":872},[52,983,876],{"class":58},[52,985,986],{"class":159}," 5",[52,988,85],{"class":58},[52,990,884],{"class":872},[52,992,876],{"class":58},[52,994,98],{"class":97},[52,996,997],{"class":101},"Item 5",[52,999,894],{"class":97},[52,1001,897],{"class":58},[52,1003,1004,1006,1008,1010,1013,1015,1017,1019,1021,1024,1026],{"class":54,"line":264},[52,1005,869],{"class":58},[52,1007,873],{"class":872},[52,1009,876],{"class":58},[52,1011,1012],{"class":159}," 6",[52,1014,85],{"class":58},[52,1016,884],{"class":872},[52,1018,876],{"class":58},[52,1020,98],{"class":97},[52,1022,1023],{"class":101},"Item 6",[52,1025,894],{"class":97},[52,1027,897],{"class":58},[52,1029,1030],{"class":54,"line":279},[52,1031,1032],{"class":58},"])\n",[52,1034,1035],{"class":54,"line":285},[52,1036,137],{"emptyLinePlaceholder":136},[52,1038,1039,1041,1043,1045,1047,1049,1051],{"class":54,"line":295},[52,1040,144],{"class":143},[52,1042,147],{"class":66},[52,1044,150],{"class":58},[52,1046,120],{"class":153},[52,1048,156],{"class":58},[52,1050,160],{"class":159},[52,1052,163],{"class":58},[52,1054,1055,1057,1059,1061],{"class":54,"line":300},[52,1056,144],{"class":143},[52,1058,184],{"class":66},[52,1060,150],{"class":58},[52,1062,1063],{"class":159}," 3\n",[52,1065,1066],{"class":54,"line":310},[52,1067,137],{"emptyLinePlaceholder":136},[52,1069,1070],{"class":54,"line":319},[52,1071,1072],{"class":629},"// Create pagination context\n",[52,1074,1075,1077,1079,1081,1083,1085],{"class":54,"line":338},[52,1076,144],{"class":143},[52,1078,202],{"class":66},[52,1080,150],{"class":58},[52,1082,115],{"class":153},[52,1084,209],{"class":58},[52,1086,1087],{"class":58}," =>\n",[52,1089,1090,1093,1095,1098,1100,1102,1104,1107,1109,1111,1113,1115,1117,1119,1121,1123],{"class":54,"line":356},[52,1091,1092],{"class":153},"  paginate",[52,1094,156],{"class":58},[52,1096,1097],{"class":66},"items",[52,1099,226],{"class":58},[52,1101,229],{"class":66},[52,1103,226],{"class":58},[52,1105,1106],{"class":872},"length",[52,1108,85],{"class":58},[52,1110,147],{"class":66},[52,1112,226],{"class":58},[52,1114,229],{"class":66},[52,1116,85],{"class":58},[52,1118,184],{"class":66},[52,1120,85],{"class":58},[52,1122,934],{"class":159},[52,1124,163],{"class":58},[52,1126,1127],{"class":54,"line":362},[52,1128,163],{"class":58},[52,1130,1132],{"class":54,"line":1131},22,[52,1133,137],{"emptyLinePlaceholder":136},[52,1135,1137],{"class":54,"line":1136},23,[52,1138,1139],{"class":629},"// Get current page items\n",[52,1141,1143,1145,1148,1150,1152,1154,1156],{"class":54,"line":1142},24,[52,1144,144],{"class":143},[52,1146,1147],{"class":66}," currentItems",[52,1149,150],{"class":58},[52,1151,115],{"class":153},[52,1153,209],{"class":58},[52,1155,212],{"class":58},[52,1157,261],{"class":58},[52,1159,1161,1164,1166,1169,1171,1174,1176,1178,1180,1182],{"class":54,"line":1160},25,[52,1162,1163],{"class":143},"  const",[52,1165,79],{"class":58},[52,1167,1168],{"class":66}," startIndex",[52,1170,85],{"class":58},[52,1172,1173],{"class":66}," endIndex",[52,1175,91],{"class":58},[52,1177,150],{"class":58},[52,1179,202],{"class":66},[52,1181,226],{"class":58},[52,1183,1184],{"class":66},"value\n",[52,1186,1188,1191,1193,1195,1197,1199,1202,1204,1207,1209,1211],{"class":54,"line":1187},26,[52,1189,1190],{"class":62},"  return",[52,1192,857],{"class":66},[52,1194,226],{"class":58},[52,1196,229],{"class":66},[52,1198,226],{"class":58},[52,1200,1201],{"class":153},"slice",[52,1203,156],{"class":58},[52,1205,1206],{"class":66},"startIndex",[52,1208,85],{"class":58},[52,1210,1173],{"class":66},[52,1212,163],{"class":58},[52,1214,1216],{"class":54,"line":1215},27,[52,1217,1218],{"class":58},"})\n",[52,1220,1222],{"class":54,"line":1221},28,[52,1223,137],{"emptyLinePlaceholder":136},[52,1225,1227,1229,1232,1235],{"class":54,"line":1226},29,[52,1228,247],{"class":143},[52,1230,1231],{"class":153}," goToNext",[52,1233,1234],{"class":58},"()",[52,1236,261],{"class":58},[52,1238,1240,1243,1246,1249,1251,1253,1256,1258,1260,1262,1264,1267,1269],{"class":54,"line":1239},30,[52,1241,1242],{"class":62},"  if",[52,1244,1245],{"class":58}," (",[52,1247,1248],{"class":66},"currentPage",[52,1250,226],{"class":58},[52,1252,229],{"class":66},[52,1254,1255],{"class":58}," \u003C",[52,1257,202],{"class":66},[52,1259,226],{"class":58},[52,1261,229],{"class":66},[52,1263,226],{"class":58},[52,1265,1266],{"class":66},"totalPages",[52,1268,258],{"class":58},[52,1270,261],{"class":58},[52,1272,1274,1277,1279,1281],{"class":54,"line":1273},31,[52,1275,1276],{"class":66},"    currentPage",[52,1278,226],{"class":58},[52,1280,229],{"class":66},[52,1282,1283],{"class":143},"++\n",[52,1285,1287],{"class":54,"line":1286},32,[52,1288,1289],{"class":58},"  }\n",[52,1291,1293],{"class":54,"line":1292},33,[52,1294,282],{"class":58},[52,1296,1298],{"class":54,"line":1297},34,[52,1299,137],{"emptyLinePlaceholder":136},[52,1301,1303,1305,1308,1310],{"class":54,"line":1302},35,[52,1304,247],{"class":143},[52,1306,1307],{"class":153}," goToPrev",[52,1309,1234],{"class":58},[52,1311,261],{"class":58},[52,1313,1315,1317,1319,1321,1323,1325,1328,1330,1332],{"class":54,"line":1314},36,[52,1316,1242],{"class":62},[52,1318,1245],{"class":58},[52,1320,1248],{"class":66},[52,1322,226],{"class":58},[52,1324,229],{"class":66},[52,1326,1327],{"class":58}," >",[52,1329,879],{"class":159},[52,1331,258],{"class":58},[52,1333,261],{"class":58},[52,1335,1337,1339,1341,1343],{"class":54,"line":1336},37,[52,1338,1276],{"class":66},[52,1340,226],{"class":58},[52,1342,229],{"class":66},[52,1344,1345],{"class":143},"--\n",[52,1347,1349],{"class":54,"line":1348},38,[52,1350,1289],{"class":58},[52,1352,1354],{"class":54,"line":1353},39,[52,1355,282],{"class":58},[52,1357,1359,1361,1363],{"class":54,"line":1358},40,[52,1360,288],{"class":58},[52,1362,63],{"class":62},[52,1364,70],{"class":58},[52,1366,1368],{"class":54,"line":1367},41,[52,1369,137],{"emptyLinePlaceholder":136},[52,1371,1373,1375,1377],{"class":54,"line":1372},42,[52,1374,59],{"class":58},[52,1376,305],{"class":62},[52,1378,70],{"class":58},[52,1380,1382,1384,1387,1390,1392,1394,1397,1400,1402,1404,1407,1410,1412,1414,1416,1418,1421,1423],{"class":54,"line":1381},43,[52,1383,313],{"class":58},[52,1385,1386],{"class":62},"div",[52,1388,1389],{"class":62}," v-for",[52,1391,327],{"class":58},[52,1393,330],{"class":58},[52,1395,1396],{"class":66},"item",[52,1398,1399],{"class":143}," in",[52,1401,1147],{"class":66},[52,1403,330],{"class":58},[52,1405,1406],{"class":58}," :",[52,1408,1409],{"class":153},"key",[52,1411,327],{"class":58},[52,1413,330],{"class":58},[52,1415,1396],{"class":66},[52,1417,226],{"class":58},[52,1419,1420],{"class":66},"id",[52,1422,330],{"class":58},[52,1424,70],{"class":58},[52,1426,1428,1431,1434,1436,1439],{"class":54,"line":1427},44,[52,1429,1430],{"class":58},"    {{",[52,1432,1433],{"class":66}," item",[52,1435,226],{"class":58},[52,1437,1438],{"class":66},"name",[52,1440,1441],{"class":58}," }}\n",[52,1443,1445,1448,1450],{"class":54,"line":1444},45,[52,1446,1447],{"class":58},"  \u003C/",[52,1449,1386],{"class":62},[52,1451,70],{"class":58},[52,1453,1455],{"class":54,"line":1454},46,[52,1456,137],{"emptyLinePlaceholder":136},[52,1458,1460,1462,1465,1467,1470,1472,1474,1476,1479,1481,1483,1486,1489,1491,1493,1496,1498],{"class":54,"line":1459},47,[52,1461,313],{"class":58},[52,1463,1464],{"class":62},"button",[52,1466,1406],{"class":58},[52,1468,1469],{"class":153},"disabled",[52,1471,327],{"class":58},[52,1473,330],{"class":58},[52,1475,1248],{"class":66},[52,1477,1478],{"class":143}," ===",[52,1480,879],{"class":159},[52,1482,330],{"class":58},[52,1484,1485],{"class":58}," @",[52,1487,1488],{"class":153},"click",[52,1490,327],{"class":58},[52,1492,330],{"class":58},[52,1494,1495],{"class":66},"goToPrev",[52,1497,330],{"class":58},[52,1499,70],{"class":58},[52,1501,1503],{"class":54,"line":1502},48,[52,1504,1506],{"class":1505},"sX1ls","    Previous\n",[52,1508,1510,1512,1514],{"class":54,"line":1509},49,[52,1511,1447],{"class":58},[52,1513,1464],{"class":62},[52,1515,70],{"class":58},[52,1517,1519,1521,1523,1525,1527,1529,1531,1533,1535,1537,1539,1541,1543,1545,1547,1549,1551,1554,1556],{"class":54,"line":1518},50,[52,1520,313],{"class":58},[52,1522,1464],{"class":62},[52,1524,1406],{"class":58},[52,1526,1469],{"class":153},[52,1528,327],{"class":58},[52,1530,330],{"class":58},[52,1532,1248],{"class":66},[52,1534,1478],{"class":143},[52,1536,202],{"class":66},[52,1538,226],{"class":58},[52,1540,1266],{"class":66},[52,1542,330],{"class":58},[52,1544,1485],{"class":58},[52,1546,1488],{"class":153},[52,1548,327],{"class":58},[52,1550,330],{"class":58},[52,1552,1553],{"class":66},"goToNext",[52,1555,330],{"class":58},[52,1557,70],{"class":58},[52,1559,1561],{"class":54,"line":1560},51,[52,1562,1563],{"class":1505},"    Next\n",[52,1565,1567,1569,1571],{"class":54,"line":1566},52,[52,1568,1447],{"class":58},[52,1570,1464],{"class":62},[52,1572,70],{"class":58},[52,1574,1576,1578,1580],{"class":54,"line":1575},53,[52,1577,288],{"class":58},[52,1579,305],{"class":62},[52,1581,70],{"class":58},[1583,1584,1585],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .socUO, html code.shiki .socUO{--shiki-dark:#4C9A91;--shiki-light:#2F798A;--shiki-default:#4C9A91}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .sR5Ys, html code.shiki .sR5Ys{--shiki-dark:#758575DD;--shiki-light:#A0ADA0;--shiki-default:#758575DD}html pre.shiki code .sTIxS, html code.shiki .sTIxS{--shiki-dark:#5DA994;--shiki-light:#2E8F82;--shiki-default:#5DA994}html pre.shiki code .sDB6b, html code.shiki .sDB6b{--shiki-dark:#B8A965;--shiki-light:#998418;--shiki-default:#B8A965}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}",{"title":47,"searchDepth":73,"depth":73,"links":1587},[1588,1589,1590,1591],{"id":372,"depth":108,"text":373},{"id":508,"depth":108,"text":509},{"id":557,"depth":108,"text":558},{"id":590,"depth":108,"text":591},"md",{},"/docs/components/pagination",{"title":26,"description":37},"docs/components/pagination","Egcl8kExQ5ya4_ZpkFcfPxSz3bR7EbydteWqtu1Rino",1777992281379]