[{"data":1,"prerenderedAt":1322},["ShallowReactive",2],{"navigation_docs":3,"-examples-pagination-route-sync":261,"-examples-pagination-route-sync-surround":1317},[4,38,46,186,197,205],{"title":5,"path":6,"stem":7,"children":8,"icon":37},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22,27,32],{"title":10,"path":6,"stem":7,"icon":11},"Welcome","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage","i-lucide-play",{"title":23,"path":24,"stem":25,"icon":26},"Declarative Transform","\u002Fgetting-started\u002Fdeclarative-transform","1.getting-started\u002F4.declarative-transform","i-lucide-wand",{"title":28,"path":29,"stem":30,"icon":31},"Migration from Vue InstantSearch","\u002Fgetting-started\u002Fmigration-from-vue-instantsearch","1.getting-started\u002F5.migration-from-vue-instantsearch","i-lucide-replace",{"title":33,"path":34,"stem":35,"icon":36},"Widget Coverage & Upstream Audit","\u002Fgetting-started\u002Fwidget-coverage-upstream-audit","1.getting-started\u002F6.widget-coverage-upstream-audit","i-lucide-table",false,{"title":39,"path":40,"stem":41,"children":42,"icon":45},"Routing","\u002Frouting","2.routing\u002F1.index",[43],{"title":39,"path":40,"stem":41,"icon":44},"i-lucide-navigation","i-lucide-route",{"title":47,"icon":48,"path":49,"stem":50,"children":51,"page":37},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[52,56,60,64,68,72,76,80,84,88,94,98,102,106,110,114,118,122,126,130,134,138,142,146,150,154,158,162,166,170,174,178,182],{"title":53,"path":54,"stem":55},"\u003CAisInstantSearch>","\u002Fcomponents\u002Fais-instant-search","3.components\u002F01.ais-instant-search",{"title":57,"path":58,"stem":59},"\u003CAisInfiniteHits>","\u002Fcomponents\u002Fais-infinite-hits","3.components\u002F02.ais-infinite-hits",{"title":61,"path":62,"stem":63},"\u003CAisHits>","\u002Fcomponents\u002Fais-hits","3.components\u002F03.ais-hits",{"title":65,"path":66,"stem":67},"\u003CAisRefinementList>","\u002Fcomponents\u002Fais-refinement-list","3.components\u002F04.ais-refinement-list",{"title":69,"path":70,"stem":71},"\u003CAisSortBy>","\u002Fcomponents\u002Fais-sort-by","3.components\u002F05.ais-sort-by",{"title":73,"path":74,"stem":75},"\u003CAisStats>","\u002Fcomponents\u002Fais-stats","3.components\u002F06.ais-stats",{"title":77,"path":78,"stem":79},"\u003CAisToggleRefinement>","\u002Fcomponents\u002Fais-toggle-refinement","3.components\u002F07.ais-toggle-refinement",{"title":81,"path":82,"stem":83},"\u003CAisConfigure>","\u002Fcomponents\u002Fais-configure","3.components\u002F08.ais-configure",{"title":85,"path":86,"stem":87},"\u003CAisSearchBox>","\u002Fcomponents\u002Fais-search-box","3.components\u002F09.ais-search-box",{"title":89,"path":90,"stem":91,"children":92},"\u003CAisIndex>","\u002Fcomponents\u002Fais-index","3.components\u002F10.ais-index",[93],{"title":89,"path":90,"stem":91},{"title":95,"path":96,"stem":97},"\u003CAisRangeInput>","\u002Fcomponents\u002Fais-range-input","3.components\u002F11.ais-range-input",{"title":99,"path":100,"stem":101},"\u003CAisClearRefinements>","\u002Fcomponents\u002Fais-clear-refinements","3.components\u002F12.ais-clear-refinements",{"title":103,"path":104,"stem":105},"\u003CAisCurrentRefinements>","\u002Fcomponents\u002Fais-current-refinements","3.components\u002F13.ais-current-refinements",{"title":107,"path":108,"stem":109},"\u003CAisPagination>","\u002Fcomponents\u002Fais-pagination","3.components\u002F14.ais-pagination",{"title":111,"path":112,"stem":113},"\u003CAisHierarchicalMenu>","\u002Fcomponents\u002Fais-hierarchical-menu","3.components\u002F15.ais-hierarchical-menu",{"title":115,"path":116,"stem":117},"\u003CAisAutocomplete>","\u002Fcomponents\u002Fais-autocomplete","3.components\u002F16.ais-autocomplete",{"title":119,"path":120,"stem":121},"\u003CAisMenu>","\u002Fcomponents\u002Fais-menu","3.components\u002F16.ais-menu",{"title":123,"path":124,"stem":125},"\u003CAisMenuSelect>","\u002Fcomponents\u002Fais-menu-select","3.components\u002F16.ais-menu-select",{"title":127,"path":128,"stem":129},"\u003CAisQueryRuleCustomData>","\u002Fcomponents\u002Fais-query-rule-custom-data","3.components\u002F17.ais-query-rule-custom-data",{"title":131,"path":132,"stem":133},"\u003CAisRatingMenu>","\u002Fcomponents\u002Fais-rating-menu","3.components\u002F17.ais-rating-menu",{"title":135,"path":136,"stem":137},"\u003CAisNumericMenu>","\u002Fcomponents\u002Fais-numeric-menu","3.components\u002F18.ais-numeric-menu",{"title":139,"path":140,"stem":141},"\u003CAisPanel>","\u002Fcomponents\u002Fais-panel","3.components\u002F20.ais-panel",{"title":143,"path":144,"stem":145},"\u003CAisBreadcrumb>","\u002Fcomponents\u002Fais-breadcrumb","3.components\u002F21.ais-breadcrumb",{"title":147,"path":148,"stem":149},"\u003CAisHitsPerPage>","\u002Fcomponents\u002Fais-hits-per-page","3.components\u002F22.ais-hits-per-page",{"title":151,"path":152,"stem":153},"\u003CAisPoweredBy>","\u002Fcomponents\u002Fais-powered-by","3.components\u002F23.ais-powered-by",{"title":155,"path":156,"stem":157},"\u003CAisQueryRuleContext>","\u002Fcomponents\u002Fais-query-rule-context","3.components\u002F24.ais-query-rule-context",{"title":159,"path":160,"stem":161},"\u003CAisRelevantSort>","\u002Fcomponents\u002Fais-relevant-sort","3.components\u002F25.ais-relevant-sort",{"title":163,"path":164,"stem":165},"\u003CAisSnippet>","\u002Fcomponents\u002Fais-snippet","3.components\u002F26.ais-snippet",{"title":167,"path":168,"stem":169},"\u003CAisVoiceSearch>","\u002Fcomponents\u002Fais-voice-search","3.components\u002F27.ais-voice-search",{"title":171,"path":172,"stem":173},"\u003CAisDynamicWidgets>","\u002Fcomponents\u002Fais-dynamic-widgets","3.components\u002F28.ais-dynamic-widgets",{"title":175,"path":176,"stem":177},"\u003CAisExperimentalDynamicWidgets>","\u002Fcomponents\u002Fais-experimental-dynamic-widgets","3.components\u002F29.ais-experimental-dynamic-widgets",{"title":179,"path":180,"stem":181},"\u003CAisConfigureRelatedItems>","\u002Fcomponents\u002Fais-configure-related-items","3.components\u002F30.ais-configure-related-items",{"title":183,"path":184,"stem":185},"\u003CAisExperimentalConfigureRelatedItems>","\u002Fcomponents\u002Fais-experimental-configure-related-items","3.components\u002F31.ais-experimental-configure-related-items",{"title":187,"icon":188,"path":189,"stem":190,"children":191,"page":37},"Composables","i-lucide-function-square","\u002Fcomposables","4.composables",[192],{"title":193,"path":194,"stem":195,"icon":196},"useAisRouter","\u002Fcomposables\u002Fuse-ais-router","4.composables\u002F1.use-ais-router","i-lucide-link",{"title":198,"path":199,"stem":200,"children":201,"icon":204},"Roadmap","\u002Froadmap","5.roadmap\u002F1.index",[202],{"title":198,"path":199,"stem":200,"icon":203},"i-lucide-flag","i-lucide-map",{"title":206,"path":207,"stem":208,"children":209,"icon":260},"Examples","\u002Fexamples","6.examples\u002F1.index",[210,212,217,222,227,234,238,245,250,255],{"title":206,"path":207,"stem":208,"icon":211},"i-lucide-book-marked",{"title":213,"path":214,"stem":215,"icon":216},"Typed transformItems with Generics","\u002Fexamples\u002Ftyped-transform-items-generics","6.examples\u002F10.typed-transform-items-generics","i-lucide-braces",{"title":218,"path":219,"stem":220,"icon":221},"Declarative Faceted Layout","\u002Fexamples\u002Fdeclarative-faceted-layout","6.examples\u002F2.declarative-faceted-layout","i-lucide-layout-dashboard",{"title":223,"path":224,"stem":225,"icon":226},"Manual Widgets Mode","\u002Fexamples\u002Fmanual-widgets-mode","6.examples\u002F3.manual-widgets-mode","i-lucide-wrench",{"title":228,"path":229,"stem":230,"children":231,"icon":233},"Multi-index Isolation","\u002Fexamples\u002Fmulti-index-isolation","6.examples\u002F4.multi-index-isolation",[232],{"title":228,"path":229,"stem":230,"icon":233},"i-lucide-layers-3",{"title":235,"path":236,"stem":237,"icon":45},"Route-driven Filters","\u002Fexamples\u002Froute-driven-filters","6.examples\u002F5.route-driven-filters",{"title":239,"path":240,"stem":241,"children":242,"icon":244},"Multi-index Autocomplete","\u002Fexamples\u002Fautocomplete-multi-index","6.examples\u002F6.autocomplete-multi-index",[243],{"title":239,"path":240,"stem":241,"icon":244},"i-lucide-search-check",{"title":246,"path":247,"stem":248,"icon":249},"Pagination Route Sync","\u002Fexamples\u002Fpagination-route-sync","6.examples\u002F7.pagination-route-sync","i-lucide-scroll-text",{"title":251,"path":252,"stem":253,"icon":254},"Parity Widget Showcase","\u002Fexamples\u002Fparity-widget-showcase","6.examples\u002F8.parity-widget-showcase","i-lucide-sparkles",{"title":256,"path":257,"stem":258,"icon":259},"Analytics and Insights Events","\u002Fexamples\u002Fanalytics-insights-events","6.examples\u002F9.analytics-insights-events","i-lucide-chart-line","i-lucide-flask-conical",{"id":262,"title":246,"body":263,"description":1310,"extension":1311,"links":1312,"meta":1313,"navigation":1314,"path":247,"seo":1315,"stem":248,"__hash__":1316},"docs\u002F6.examples\u002F7.pagination-route-sync.md",{"type":264,"value":265,"toc":1306},"minimark",[266,270,289,294,703,707,714,1299,1302],[267,268,269],"p",{},"The playground shows two variants:",[271,272,273,282],"ul",{},[274,275,276,277,281],"li",{},"query-string sync through ",[278,279,280],"code",{},"useAisRouter()",",",[274,283,284,285,288],{},"custom path sync (",[278,286,287],{},"\u002Fpagination\u002Fpage\u002F:page",") with custom router\u002Fstate mapping.",[290,291,293],"h2",{"id":292},"variant-a-query-string-sync-recommended-baseline","Variant A: query-string sync (recommended baseline)",[295,296,302],"pre",{"className":297,"code":298,"filename":299,"language":300,"meta":301,"style":301},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CAisInstantSearch :configuration=\"configuration\">\n    \u003CAisConfigure :search-parameters=\"{ hitsPerPage: 20 }\" \u002F>\n    \u003CAisHits \u002F>\n    \u003CAisPagination :padding=\"2\" \u002F>\n  \u003C\u002FAisInstantSearch>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { algoliasearch } from \"algoliasearch\";\nimport { singleIndex as singleIndexMapping } from \"instantsearch.js\u002Fes\u002Flib\u002FstateMappings\";\n\nconst client = algoliasearch(\"latency\", \"6be0576ff61c053d5f9a3225e2a90f76\");\nconst algoliaRouter = useAisRouter();\n\nconst configuration = {\n  indexName: \"instant_search\",\n  searchClient: client,\n  routing: {\n    router: algoliaRouter.value.router,\n    stateMapping: singleIndexMapping(\"instant_search\"),\n  },\n};\n\u003C\u002Fscript>\n","components\u002FPaginatedSearch.vue","vue","",[278,303,304,320,347,371,381,403,413,423,430,455,486,515,520,558,576,581,594,613,626,636,660,682,688,694],{"__ignoreMap":301},[305,306,309,313,317],"span",{"class":307,"line":308},"line",1,[305,310,312],{"class":311},"sMK4o","\u003C",[305,314,316],{"class":315},"swJcz","template",[305,318,319],{"class":311},">\n",[305,321,323,326,329,333,336,339,343,345],{"class":307,"line":322},2,[305,324,325],{"class":311},"  \u003C",[305,327,328],{"class":315},"AisInstantSearch",[305,330,332],{"class":331},"spNyl"," :configuration",[305,334,335],{"class":311},"=",[305,337,338],{"class":311},"\"",[305,340,342],{"class":341},"sfazB","configuration",[305,344,338],{"class":311},[305,346,319],{"class":311},[305,348,350,353,356,359,361,363,366,368],{"class":307,"line":349},3,[305,351,352],{"class":311},"    \u003C",[305,354,355],{"class":315},"AisConfigure",[305,357,358],{"class":331}," :search-parameters",[305,360,335],{"class":311},[305,362,338],{"class":311},[305,364,365],{"class":341},"{ hitsPerPage: 20 }",[305,367,338],{"class":311},[305,369,370],{"class":311}," \u002F>\n",[305,372,374,376,379],{"class":307,"line":373},4,[305,375,352],{"class":311},[305,377,378],{"class":315},"AisHits",[305,380,370],{"class":311},[305,382,384,386,389,392,394,396,399,401],{"class":307,"line":383},5,[305,385,352],{"class":311},[305,387,388],{"class":315},"AisPagination",[305,390,391],{"class":331}," :padding",[305,393,335],{"class":311},[305,395,338],{"class":311},[305,397,398],{"class":341},"2",[305,400,338],{"class":311},[305,402,370],{"class":311},[305,404,406,409,411],{"class":307,"line":405},6,[305,407,408],{"class":311},"  \u003C\u002F",[305,410,328],{"class":315},[305,412,319],{"class":311},[305,414,416,419,421],{"class":307,"line":415},7,[305,417,418],{"class":311},"\u003C\u002F",[305,420,316],{"class":315},[305,422,319],{"class":311},[305,424,426],{"class":307,"line":425},8,[305,427,429],{"emptyLinePlaceholder":428},true,"\n",[305,431,433,435,438,441,444,446,448,451,453],{"class":307,"line":432},9,[305,434,312],{"class":311},[305,436,437],{"class":315},"script",[305,439,440],{"class":331}," setup",[305,442,443],{"class":331}," lang",[305,445,335],{"class":311},[305,447,338],{"class":311},[305,449,450],{"class":341},"ts",[305,452,338],{"class":311},[305,454,319],{"class":311},[305,456,458,462,465,469,472,475,478,481,483],{"class":307,"line":457},10,[305,459,461],{"class":460},"s7zQu","import",[305,463,464],{"class":311}," {",[305,466,468],{"class":467},"sTEyZ"," algoliasearch",[305,470,471],{"class":311}," }",[305,473,474],{"class":460}," from",[305,476,477],{"class":311}," \"",[305,479,480],{"class":341},"algoliasearch",[305,482,338],{"class":311},[305,484,485],{"class":311},";\n",[305,487,489,491,493,496,499,502,504,506,508,511,513],{"class":307,"line":488},11,[305,490,461],{"class":460},[305,492,464],{"class":311},[305,494,495],{"class":467}," singleIndex",[305,497,498],{"class":460}," as",[305,500,501],{"class":467}," singleIndexMapping",[305,503,471],{"class":311},[305,505,474],{"class":460},[305,507,477],{"class":311},[305,509,510],{"class":341},"instantsearch.js\u002Fes\u002Flib\u002FstateMappings",[305,512,338],{"class":311},[305,514,485],{"class":311},[305,516,518],{"class":307,"line":517},12,[305,519,429],{"emptyLinePlaceholder":428},[305,521,523,526,529,531,534,537,539,542,544,546,548,551,553,556],{"class":307,"line":522},13,[305,524,525],{"class":331},"const",[305,527,528],{"class":467}," client ",[305,530,335],{"class":311},[305,532,468],{"class":533},"s2Zo4",[305,535,536],{"class":467},"(",[305,538,338],{"class":311},[305,540,541],{"class":341},"latency",[305,543,338],{"class":311},[305,545,281],{"class":311},[305,547,477],{"class":311},[305,549,550],{"class":341},"6be0576ff61c053d5f9a3225e2a90f76",[305,552,338],{"class":311},[305,554,555],{"class":467},")",[305,557,485],{"class":311},[305,559,561,563,566,568,571,574],{"class":307,"line":560},14,[305,562,525],{"class":331},[305,564,565],{"class":467}," algoliaRouter ",[305,567,335],{"class":311},[305,569,570],{"class":533}," useAisRouter",[305,572,573],{"class":467},"()",[305,575,485],{"class":311},[305,577,579],{"class":307,"line":578},15,[305,580,429],{"emptyLinePlaceholder":428},[305,582,584,586,589,591],{"class":307,"line":583},16,[305,585,525],{"class":331},[305,587,588],{"class":467}," configuration ",[305,590,335],{"class":311},[305,592,593],{"class":311}," {\n",[305,595,597,600,603,605,608,610],{"class":307,"line":596},17,[305,598,599],{"class":315},"  indexName",[305,601,602],{"class":311},":",[305,604,477],{"class":311},[305,606,607],{"class":341},"instant_search",[305,609,338],{"class":311},[305,611,612],{"class":311},",\n",[305,614,616,619,621,624],{"class":307,"line":615},18,[305,617,618],{"class":315},"  searchClient",[305,620,602],{"class":311},[305,622,623],{"class":467}," client",[305,625,612],{"class":311},[305,627,629,632,634],{"class":307,"line":628},19,[305,630,631],{"class":315},"  routing",[305,633,602],{"class":311},[305,635,593],{"class":311},[305,637,639,642,644,647,650,653,655,658],{"class":307,"line":638},20,[305,640,641],{"class":315},"    router",[305,643,602],{"class":311},[305,645,646],{"class":467}," algoliaRouter",[305,648,649],{"class":311},".",[305,651,652],{"class":467},"value",[305,654,649],{"class":311},[305,656,657],{"class":467},"router",[305,659,612],{"class":311},[305,661,663,666,668,670,672,674,676,678,680],{"class":307,"line":662},21,[305,664,665],{"class":315},"    stateMapping",[305,667,602],{"class":311},[305,669,501],{"class":533},[305,671,536],{"class":467},[305,673,338],{"class":311},[305,675,607],{"class":341},[305,677,338],{"class":311},[305,679,555],{"class":467},[305,681,612],{"class":311},[305,683,685],{"class":307,"line":684},22,[305,686,687],{"class":311},"  },\n",[305,689,691],{"class":307,"line":690},23,[305,692,693],{"class":311},"};\n",[305,695,697,699,701],{"class":307,"line":696},24,[305,698,418],{"class":311},[305,700,437],{"class":315},[305,702,319],{"class":311},[290,704,706],{"id":705},"variant-b-path-based-page-sync-advanced","Variant B: path-based page sync (advanced)",[267,708,709,710,713],{},"If you want clean paths like ",[278,711,712],{},"\u002Fpagination\u002Fpage\u002F3",", use a custom router adapter and mapping (the same idea used in the playground).",[295,715,719],{"className":716,"code":717,"filename":718,"language":450,"meta":301,"style":301},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export const useCustomRouting = () => {\n  const router = useRouter();\n\n  return ref({\n    router: {\n      read() {\n        const query = router.currentRoute.value.query;\n        const isPagedRoute = router.currentRoute.value.name === \"pagination-page-page\";\n        return isPagedRoute\n          ? { ...query, page: Number(router.currentRoute.value.params.page) }\n          : query;\n      },\n      write(routeState) {\n        if (routeState?.page) {\n          router.push({\n            name: \"pagination-page-page\",\n            params: { page: String(routeState.page) },\n            query: { ...routeState, page: undefined },\n          });\n          return;\n        }\n\n        router.push({ query: { ...routeState } });\n      },\n      createURL(routeState) {\n        return router.resolve({ query: routeState }).href;\n      },\n      onUpdate(cb) {\n        if (typeof window === \"undefined\") return;\n        this._removeAfterEach = router.afterEach(() => cb(this.read()));\n      },\n      dispose() {\n        this._removeAfterEach?.();\n      },\n    },\n  });\n};\n","composables\u002FuseCustomRouting.ts",[278,720,721,742,760,764,777,785,794,822,858,866,916,925,930,945,964,978,993,1022,1047,1056,1063,1068,1072,1104,1108,1122,1156,1161,1176,1205,1245,1250,1260,1273,1278,1284,1294],{"__ignoreMap":301},[305,722,723,726,729,732,734,737,740],{"class":307,"line":308},[305,724,725],{"class":460},"export",[305,727,728],{"class":331}," const",[305,730,731],{"class":467}," useCustomRouting ",[305,733,335],{"class":311},[305,735,736],{"class":311}," ()",[305,738,739],{"class":331}," =>",[305,741,593],{"class":311},[305,743,744,747,750,753,756,758],{"class":307,"line":322},[305,745,746],{"class":331},"  const",[305,748,749],{"class":467}," router",[305,751,752],{"class":311}," =",[305,754,755],{"class":533}," useRouter",[305,757,573],{"class":315},[305,759,485],{"class":311},[305,761,762],{"class":307,"line":349},[305,763,429],{"emptyLinePlaceholder":428},[305,765,766,769,772,774],{"class":307,"line":373},[305,767,768],{"class":460},"  return",[305,770,771],{"class":533}," ref",[305,773,536],{"class":315},[305,775,776],{"class":311},"{\n",[305,778,779,781,783],{"class":307,"line":383},[305,780,641],{"class":315},[305,782,602],{"class":311},[305,784,593],{"class":311},[305,786,787,790,792],{"class":307,"line":405},[305,788,789],{"class":315},"      read",[305,791,573],{"class":311},[305,793,593],{"class":311},[305,795,796,799,802,804,806,808,811,813,815,817,820],{"class":307,"line":415},[305,797,798],{"class":331},"        const",[305,800,801],{"class":467}," query",[305,803,752],{"class":311},[305,805,749],{"class":467},[305,807,649],{"class":311},[305,809,810],{"class":467},"currentRoute",[305,812,649],{"class":311},[305,814,652],{"class":467},[305,816,649],{"class":311},[305,818,819],{"class":467},"query",[305,821,485],{"class":311},[305,823,824,826,829,831,833,835,837,839,841,843,846,849,851,854,856],{"class":307,"line":425},[305,825,798],{"class":331},[305,827,828],{"class":467}," isPagedRoute",[305,830,752],{"class":311},[305,832,749],{"class":467},[305,834,649],{"class":311},[305,836,810],{"class":467},[305,838,649],{"class":311},[305,840,652],{"class":467},[305,842,649],{"class":311},[305,844,845],{"class":467},"name",[305,847,848],{"class":311}," ===",[305,850,477],{"class":311},[305,852,853],{"class":341},"pagination-page-page",[305,855,338],{"class":311},[305,857,485],{"class":311},[305,859,860,863],{"class":307,"line":432},[305,861,862],{"class":460},"        return",[305,864,865],{"class":467}," isPagedRoute\n",[305,867,868,871,873,876,878,880,883,885,888,890,892,894,896,898,900,902,905,907,910,913],{"class":307,"line":457},[305,869,870],{"class":311},"          ?",[305,872,464],{"class":311},[305,874,875],{"class":311}," ...",[305,877,819],{"class":467},[305,879,281],{"class":311},[305,881,882],{"class":315}," page",[305,884,602],{"class":311},[305,886,887],{"class":533}," Number",[305,889,536],{"class":315},[305,891,657],{"class":467},[305,893,649],{"class":311},[305,895,810],{"class":467},[305,897,649],{"class":311},[305,899,652],{"class":467},[305,901,649],{"class":311},[305,903,904],{"class":467},"params",[305,906,649],{"class":311},[305,908,909],{"class":467},"page",[305,911,912],{"class":315},") ",[305,914,915],{"class":311},"}\n",[305,917,918,921,923],{"class":307,"line":488},[305,919,920],{"class":311},"          :",[305,922,801],{"class":467},[305,924,485],{"class":311},[305,926,927],{"class":307,"line":517},[305,928,929],{"class":311},"      },\n",[305,931,932,935,937,941,943],{"class":307,"line":522},[305,933,934],{"class":315},"      write",[305,936,536],{"class":311},[305,938,940],{"class":939},"sHdIc","routeState",[305,942,555],{"class":311},[305,944,593],{"class":311},[305,946,947,950,953,955,958,960,962],{"class":307,"line":560},[305,948,949],{"class":460},"        if",[305,951,952],{"class":315}," (",[305,954,940],{"class":467},[305,956,957],{"class":311},"?.",[305,959,909],{"class":467},[305,961,912],{"class":315},[305,963,776],{"class":311},[305,965,966,969,971,974,976],{"class":307,"line":578},[305,967,968],{"class":467},"          router",[305,970,649],{"class":311},[305,972,973],{"class":533},"push",[305,975,536],{"class":315},[305,977,776],{"class":311},[305,979,980,983,985,987,989,991],{"class":307,"line":583},[305,981,982],{"class":315},"            name",[305,984,602],{"class":311},[305,986,477],{"class":311},[305,988,853],{"class":341},[305,990,338],{"class":311},[305,992,612],{"class":311},[305,994,995,998,1000,1002,1004,1006,1009,1011,1013,1015,1017,1019],{"class":307,"line":596},[305,996,997],{"class":315},"            params",[305,999,602],{"class":311},[305,1001,464],{"class":311},[305,1003,882],{"class":315},[305,1005,602],{"class":311},[305,1007,1008],{"class":533}," String",[305,1010,536],{"class":315},[305,1012,940],{"class":467},[305,1014,649],{"class":311},[305,1016,909],{"class":467},[305,1018,912],{"class":315},[305,1020,1021],{"class":311},"},\n",[305,1023,1024,1027,1029,1031,1033,1035,1037,1039,1041,1044],{"class":307,"line":615},[305,1025,1026],{"class":315},"            query",[305,1028,602],{"class":311},[305,1030,464],{"class":311},[305,1032,875],{"class":311},[305,1034,940],{"class":467},[305,1036,281],{"class":311},[305,1038,882],{"class":315},[305,1040,602],{"class":311},[305,1042,1043],{"class":311}," undefined",[305,1045,1046],{"class":311}," },\n",[305,1048,1049,1052,1054],{"class":307,"line":628},[305,1050,1051],{"class":311},"          }",[305,1053,555],{"class":315},[305,1055,485],{"class":311},[305,1057,1058,1061],{"class":307,"line":638},[305,1059,1060],{"class":460},"          return",[305,1062,485],{"class":311},[305,1064,1065],{"class":307,"line":662},[305,1066,1067],{"class":311},"        }\n",[305,1069,1070],{"class":307,"line":684},[305,1071,429],{"emptyLinePlaceholder":428},[305,1073,1074,1077,1079,1081,1083,1086,1088,1090,1092,1094,1096,1098,1100,1102],{"class":307,"line":690},[305,1075,1076],{"class":467},"        router",[305,1078,649],{"class":311},[305,1080,973],{"class":533},[305,1082,536],{"class":315},[305,1084,1085],{"class":311},"{",[305,1087,801],{"class":315},[305,1089,602],{"class":311},[305,1091,464],{"class":311},[305,1093,875],{"class":311},[305,1095,940],{"class":467},[305,1097,471],{"class":311},[305,1099,471],{"class":311},[305,1101,555],{"class":315},[305,1103,485],{"class":311},[305,1105,1106],{"class":307,"line":696},[305,1107,929],{"class":311},[305,1109,1111,1114,1116,1118,1120],{"class":307,"line":1110},25,[305,1112,1113],{"class":315},"      createURL",[305,1115,536],{"class":311},[305,1117,940],{"class":939},[305,1119,555],{"class":311},[305,1121,593],{"class":311},[305,1123,1125,1127,1129,1131,1134,1136,1138,1140,1142,1145,1147,1149,1151,1154],{"class":307,"line":1124},26,[305,1126,862],{"class":460},[305,1128,749],{"class":467},[305,1130,649],{"class":311},[305,1132,1133],{"class":533},"resolve",[305,1135,536],{"class":315},[305,1137,1085],{"class":311},[305,1139,801],{"class":315},[305,1141,602],{"class":311},[305,1143,1144],{"class":467}," routeState",[305,1146,471],{"class":311},[305,1148,555],{"class":315},[305,1150,649],{"class":311},[305,1152,1153],{"class":467},"href",[305,1155,485],{"class":311},[305,1157,1159],{"class":307,"line":1158},27,[305,1160,929],{"class":311},[305,1162,1164,1167,1169,1172,1174],{"class":307,"line":1163},28,[305,1165,1166],{"class":315},"      onUpdate",[305,1168,536],{"class":311},[305,1170,1171],{"class":939},"cb",[305,1173,555],{"class":311},[305,1175,593],{"class":311},[305,1177,1179,1181,1183,1186,1189,1191,1193,1196,1198,1200,1203],{"class":307,"line":1178},29,[305,1180,949],{"class":460},[305,1182,952],{"class":315},[305,1184,1185],{"class":311},"typeof",[305,1187,1188],{"class":467}," window",[305,1190,848],{"class":311},[305,1192,477],{"class":311},[305,1194,1195],{"class":341},"undefined",[305,1197,338],{"class":311},[305,1199,912],{"class":315},[305,1201,1202],{"class":460},"return",[305,1204,485],{"class":311},[305,1206,1208,1211,1214,1216,1218,1220,1223,1225,1227,1229,1232,1234,1237,1240,1243],{"class":307,"line":1207},30,[305,1209,1210],{"class":311},"        this.",[305,1212,1213],{"class":467},"_removeAfterEach",[305,1215,752],{"class":311},[305,1217,749],{"class":467},[305,1219,649],{"class":311},[305,1221,1222],{"class":533},"afterEach",[305,1224,536],{"class":315},[305,1226,573],{"class":311},[305,1228,739],{"class":331},[305,1230,1231],{"class":533}," cb",[305,1233,536],{"class":315},[305,1235,1236],{"class":311},"this.",[305,1238,1239],{"class":533},"read",[305,1241,1242],{"class":315},"()))",[305,1244,485],{"class":311},[305,1246,1248],{"class":307,"line":1247},31,[305,1249,929],{"class":311},[305,1251,1253,1256,1258],{"class":307,"line":1252},32,[305,1254,1255],{"class":315},"      dispose",[305,1257,573],{"class":311},[305,1259,593],{"class":311},[305,1261,1263,1265,1267,1269,1271],{"class":307,"line":1262},33,[305,1264,1210],{"class":311},[305,1266,1213],{"class":533},[305,1268,957],{"class":311},[305,1270,573],{"class":315},[305,1272,485],{"class":311},[305,1274,1276],{"class":307,"line":1275},34,[305,1277,929],{"class":311},[305,1279,1281],{"class":307,"line":1280},35,[305,1282,1283],{"class":311},"    },\n",[305,1285,1287,1290,1292],{"class":307,"line":1286},36,[305,1288,1289],{"class":311},"  }",[305,1291,555],{"class":315},[305,1293,485],{"class":311},[305,1295,1297],{"class":307,"line":1296},37,[305,1298,693],{"class":311},[267,1300,1301],{},"Use Variant B only when route shape is a product requirement; otherwise Variant A is simpler and robust.",[1303,1304,1305],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .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 pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":301,"searchDepth":322,"depth":322,"links":1307},[1308,1309],{"id":292,"depth":322,"text":293},{"id":705,"depth":322,"text":706},"Keep pagination state in URLs and restore it on direct loads.","md",null,{},{"icon":249},{"title":246,"description":1310},"wvDBLzW2Ob9HB0MmUNZsfWqBQK6PJID0E-_ztkEP4oc",[1318,1320],{"title":239,"path":240,"stem":241,"description":1319,"icon":244,"children":-1},"Render grouped suggestions from multiple indices in one input.",{"title":251,"path":252,"stem":253,"description":1321,"icon":254,"children":-1},"End-to-end example using the widgets added for vue-instantsearch parity.",1775319447356]