[{"data":1,"prerenderedAt":1332},["ShallowReactive",2],{"navigation_docs":3,"-examples-typed-transform-items-generics":261,"-examples-typed-transform-items-generics-surround":1327},[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":213,"body":263,"description":1320,"extension":1321,"links":1322,"meta":1323,"navigation":1324,"path":214,"seo":1325,"stem":215,"__hash__":1326},"docs\u002F6.examples\u002F10.typed-transform-items-generics.md",{"type":264,"value":265,"toc":1316},"minimark",[266,275,280,996,1000,1312],[267,268,269,270,274],"p",{},"Use this pattern when ",[271,272,273],"code",{},"transformItems"," adds derived fields and you want those fields typed in slot props.",[276,277,279],"h2",{"id":278},"hits-example","Hits example",[281,282,288],"pre",{"className":283,"code":284,"filename":285,"language":286,"meta":287,"style":287},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CAisInstantSearch :configuration=\"configuration\">\n    \u003CAisSearchBox placeholder=\"Search products\" \u002F>\n\n    \u003C!-- @vue-generic {ProductHit} -->\n    \u003CAisHits :transform-items=\"transformHits\">\n      \u003Ctemplate #item=\"{ item }\">\n        \u003Carticle>\n          \u003Ch3>{{ item.name }}\u003C\u002Fh3>\n          \u003Cp>{{ item.brandLabel }} - {{ item.priceLabel }}\u003C\u002Fp>\n        \u003C\u002Farticle>\n      \u003C\u002Ftemplate>\n    \u003C\u002FAisHits>\n  \u003C\u002FAisInstantSearch>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { algoliasearch } from \"algoliasearch\";\nimport type { BaseHit, Hit } from \"instantsearch.js\u002Fes\u002Ftypes\";\n\ntype ProductHit = BaseHit & {\n  name: string;\n  brandLabel: string;\n  priceLabel: string;\n};\n\nconst configuration = {\n  indexName: \"instant_search\",\n  searchClient: algoliasearch(\"latency\", \"6be0576ff61c053d5f9a3225e2a90f76\"),\n};\n\nconst transformHits = (items: Array\u003CHit\u003CBaseHit>>): Array\u003CHit\u003CProductHit>> => {\n  return items.map((item) => ({\n    ...item,\n    brandLabel: String(item.brand ?? \"Unknown brand\"),\n    priceLabel: typeof item.price === \"number\" ? `$${item.price.toFixed(2)}` : \"Price unavailable\",\n  }));\n};\n\u003C\u002Fscript>\n","pages\u002Fsearch.vue","vue","",[271,289,290,306,333,357,364,371,393,425,436,458,476,486,496,506,516,525,530,555,585,617,622,643,657,669,681,687,692,705,723,758,763,768,822,852,862,896,971,982,987],{"__ignoreMap":287},[291,292,295,299,303],"span",{"class":293,"line":294},"line",1,[291,296,298],{"class":297},"sMK4o","\u003C",[291,300,302],{"class":301},"swJcz","template",[291,304,305],{"class":297},">\n",[291,307,309,312,315,319,322,325,329,331],{"class":293,"line":308},2,[291,310,311],{"class":297},"  \u003C",[291,313,314],{"class":301},"AisInstantSearch",[291,316,318],{"class":317},"spNyl"," :configuration",[291,320,321],{"class":297},"=",[291,323,324],{"class":297},"\"",[291,326,328],{"class":327},"sfazB","configuration",[291,330,324],{"class":297},[291,332,305],{"class":297},[291,334,336,339,342,345,347,349,352,354],{"class":293,"line":335},3,[291,337,338],{"class":297},"    \u003C",[291,340,341],{"class":301},"AisSearchBox",[291,343,344],{"class":317}," placeholder",[291,346,321],{"class":297},[291,348,324],{"class":297},[291,350,351],{"class":327},"Search products",[291,353,324],{"class":297},[291,355,356],{"class":297}," \u002F>\n",[291,358,360],{"class":293,"line":359},4,[291,361,363],{"emptyLinePlaceholder":362},true,"\n",[291,365,367],{"class":293,"line":366},5,[291,368,370],{"class":369},"sHwdD","    \u003C!-- @vue-generic {ProductHit} -->\n",[291,372,374,376,379,382,384,386,389,391],{"class":293,"line":373},6,[291,375,338],{"class":297},[291,377,378],{"class":301},"AisHits",[291,380,381],{"class":317}," :transform-items",[291,383,321],{"class":297},[291,385,324],{"class":297},[291,387,388],{"class":327},"transformHits",[291,390,324],{"class":297},[291,392,305],{"class":297},[291,394,396,399,401,404,407,409,411,414,418,421,423],{"class":293,"line":395},7,[291,397,398],{"class":297},"      \u003C",[291,400,302],{"class":301},[291,402,403],{"class":297}," #",[291,405,406],{"class":317},"item",[291,408,321],{"class":297},[291,410,324],{"class":297},[291,412,413],{"class":297},"{",[291,415,417],{"class":416},"sTEyZ"," item ",[291,419,420],{"class":297},"}",[291,422,324],{"class":297},[291,424,305],{"class":297},[291,426,428,431,434],{"class":293,"line":427},8,[291,429,430],{"class":297},"        \u003C",[291,432,433],{"class":301},"article",[291,435,305],{"class":297},[291,437,439,442,445,448,451,454,456],{"class":293,"line":438},9,[291,440,441],{"class":297},"          \u003C",[291,443,444],{"class":301},"h3",[291,446,447],{"class":297},">",[291,449,450],{"class":416},"{{ item.name }}",[291,452,453],{"class":297},"\u003C\u002F",[291,455,444],{"class":301},[291,457,305],{"class":297},[291,459,461,463,465,467,470,472,474],{"class":293,"line":460},10,[291,462,441],{"class":297},[291,464,267],{"class":301},[291,466,447],{"class":297},[291,468,469],{"class":416},"{{ item.brandLabel }} - {{ item.priceLabel }}",[291,471,453],{"class":297},[291,473,267],{"class":301},[291,475,305],{"class":297},[291,477,479,482,484],{"class":293,"line":478},11,[291,480,481],{"class":297},"        \u003C\u002F",[291,483,433],{"class":301},[291,485,305],{"class":297},[291,487,489,492,494],{"class":293,"line":488},12,[291,490,491],{"class":297},"      \u003C\u002F",[291,493,302],{"class":301},[291,495,305],{"class":297},[291,497,499,502,504],{"class":293,"line":498},13,[291,500,501],{"class":297},"    \u003C\u002F",[291,503,378],{"class":301},[291,505,305],{"class":297},[291,507,509,512,514],{"class":293,"line":508},14,[291,510,511],{"class":297},"  \u003C\u002F",[291,513,314],{"class":301},[291,515,305],{"class":297},[291,517,519,521,523],{"class":293,"line":518},15,[291,520,453],{"class":297},[291,522,302],{"class":301},[291,524,305],{"class":297},[291,526,528],{"class":293,"line":527},16,[291,529,363],{"emptyLinePlaceholder":362},[291,531,533,535,538,541,544,546,548,551,553],{"class":293,"line":532},17,[291,534,298],{"class":297},[291,536,537],{"class":301},"script",[291,539,540],{"class":317}," setup",[291,542,543],{"class":317}," lang",[291,545,321],{"class":297},[291,547,324],{"class":297},[291,549,550],{"class":327},"ts",[291,552,324],{"class":297},[291,554,305],{"class":297},[291,556,558,562,565,568,571,574,577,580,582],{"class":293,"line":557},18,[291,559,561],{"class":560},"s7zQu","import",[291,563,564],{"class":297}," {",[291,566,567],{"class":416}," algoliasearch",[291,569,570],{"class":297}," }",[291,572,573],{"class":560}," from",[291,575,576],{"class":297}," \"",[291,578,579],{"class":327},"algoliasearch",[291,581,324],{"class":297},[291,583,584],{"class":297},";\n",[291,586,588,590,593,595,598,601,604,606,608,610,613,615],{"class":293,"line":587},19,[291,589,561],{"class":560},[291,591,592],{"class":560}," type",[291,594,564],{"class":297},[291,596,597],{"class":416}," BaseHit",[291,599,600],{"class":297},",",[291,602,603],{"class":416}," Hit",[291,605,570],{"class":297},[291,607,573],{"class":560},[291,609,576],{"class":297},[291,611,612],{"class":327},"instantsearch.js\u002Fes\u002Ftypes",[291,614,324],{"class":297},[291,616,584],{"class":297},[291,618,620],{"class":293,"line":619},20,[291,621,363],{"emptyLinePlaceholder":362},[291,623,625,628,632,635,637,640],{"class":293,"line":624},21,[291,626,627],{"class":317},"type",[291,629,631],{"class":630},"sBMFI"," ProductHit",[291,633,634],{"class":297}," =",[291,636,597],{"class":630},[291,638,639],{"class":297}," &",[291,641,642],{"class":297}," {\n",[291,644,646,649,652,655],{"class":293,"line":645},22,[291,647,648],{"class":301},"  name",[291,650,651],{"class":297},":",[291,653,654],{"class":630}," string",[291,656,584],{"class":297},[291,658,660,663,665,667],{"class":293,"line":659},23,[291,661,662],{"class":301},"  brandLabel",[291,664,651],{"class":297},[291,666,654],{"class":630},[291,668,584],{"class":297},[291,670,672,675,677,679],{"class":293,"line":671},24,[291,673,674],{"class":301},"  priceLabel",[291,676,651],{"class":297},[291,678,654],{"class":630},[291,680,584],{"class":297},[291,682,684],{"class":293,"line":683},25,[291,685,686],{"class":297},"};\n",[291,688,690],{"class":293,"line":689},26,[291,691,363],{"emptyLinePlaceholder":362},[291,693,695,698,701,703],{"class":293,"line":694},27,[291,696,697],{"class":317},"const",[291,699,700],{"class":416}," configuration ",[291,702,321],{"class":297},[291,704,642],{"class":297},[291,706,708,711,713,715,718,720],{"class":293,"line":707},28,[291,709,710],{"class":301},"  indexName",[291,712,651],{"class":297},[291,714,576],{"class":297},[291,716,717],{"class":327},"instant_search",[291,719,324],{"class":297},[291,721,722],{"class":297},",\n",[291,724,726,729,731,734,737,739,742,744,746,748,751,753,756],{"class":293,"line":725},29,[291,727,728],{"class":301},"  searchClient",[291,730,651],{"class":297},[291,732,567],{"class":733},"s2Zo4",[291,735,736],{"class":416},"(",[291,738,324],{"class":297},[291,740,741],{"class":327},"latency",[291,743,324],{"class":297},[291,745,600],{"class":297},[291,747,576],{"class":297},[291,749,750],{"class":327},"6be0576ff61c053d5f9a3225e2a90f76",[291,752,324],{"class":297},[291,754,755],{"class":416},")",[291,757,722],{"class":297},[291,759,761],{"class":293,"line":760},30,[291,762,686],{"class":297},[291,764,766],{"class":293,"line":765},31,[291,767,363],{"emptyLinePlaceholder":362},[291,769,771,773,776,778,781,785,787,790,792,795,797,800,803,805,807,809,811,814,817,820],{"class":293,"line":770},32,[291,772,697],{"class":317},[291,774,775],{"class":416}," transformHits ",[291,777,321],{"class":297},[291,779,780],{"class":297}," (",[291,782,784],{"class":783},"sHdIc","items",[291,786,651],{"class":297},[291,788,789],{"class":630}," Array",[291,791,298],{"class":297},[291,793,794],{"class":630},"Hit",[291,796,298],{"class":297},[291,798,799],{"class":630},"BaseHit",[291,801,802],{"class":297},">>):",[291,804,789],{"class":630},[291,806,298],{"class":297},[291,808,794],{"class":630},[291,810,298],{"class":297},[291,812,813],{"class":630},"ProductHit",[291,815,816],{"class":297},">>",[291,818,819],{"class":317}," =>",[291,821,642],{"class":297},[291,823,825,828,831,834,837,839,841,843,845,847,849],{"class":293,"line":824},33,[291,826,827],{"class":560},"  return",[291,829,830],{"class":416}," items",[291,832,833],{"class":297},".",[291,835,836],{"class":733},"map",[291,838,736],{"class":301},[291,840,736],{"class":297},[291,842,406],{"class":783},[291,844,755],{"class":297},[291,846,819],{"class":317},[291,848,780],{"class":301},[291,850,851],{"class":297},"{\n",[291,853,855,858,860],{"class":293,"line":854},34,[291,856,857],{"class":297},"    ...",[291,859,406],{"class":416},[291,861,722],{"class":297},[291,863,865,868,870,873,875,877,879,882,885,887,890,892,894],{"class":293,"line":864},35,[291,866,867],{"class":301},"    brandLabel",[291,869,651],{"class":297},[291,871,872],{"class":733}," String",[291,874,736],{"class":301},[291,876,406],{"class":416},[291,878,833],{"class":297},[291,880,881],{"class":416},"brand",[291,883,884],{"class":297}," ??",[291,886,576],{"class":297},[291,888,889],{"class":327},"Unknown brand",[291,891,324],{"class":297},[291,893,755],{"class":301},[291,895,722],{"class":297},[291,897,899,902,904,907,910,912,915,918,920,923,925,928,931,934,937,939,941,943,945,948,950,954,956,959,962,964,967,969],{"class":293,"line":898},36,[291,900,901],{"class":301},"    priceLabel",[291,903,651],{"class":297},[291,905,906],{"class":297}," typeof",[291,908,909],{"class":416}," item",[291,911,833],{"class":297},[291,913,914],{"class":416},"price",[291,916,917],{"class":297}," ===",[291,919,576],{"class":297},[291,921,922],{"class":327},"number",[291,924,324],{"class":297},[291,926,927],{"class":297}," ?",[291,929,930],{"class":297}," `",[291,932,933],{"class":327},"$",[291,935,936],{"class":297},"${",[291,938,406],{"class":416},[291,940,833],{"class":297},[291,942,914],{"class":416},[291,944,833],{"class":297},[291,946,947],{"class":733},"toFixed",[291,949,736],{"class":416},[291,951,953],{"class":952},"sbssI","2",[291,955,755],{"class":416},[291,957,958],{"class":297},"}`",[291,960,961],{"class":297}," :",[291,963,576],{"class":297},[291,965,966],{"class":327},"Price unavailable",[291,968,324],{"class":297},[291,970,722],{"class":297},[291,972,974,977,980],{"class":293,"line":973},37,[291,975,976],{"class":297},"  }",[291,978,979],{"class":301},"))",[291,981,584],{"class":297},[291,983,985],{"class":293,"line":984},38,[291,986,686],{"class":297},[291,988,990,992,994],{"class":293,"line":989},39,[291,991,453],{"class":297},[291,993,537],{"class":301},[291,995,305],{"class":297},[276,997,999],{"id":998},"refinement-list-example","Refinement list example",[281,1001,1003],{"className":283,"code":1002,"language":286,"meta":287,"style":287},"\u003Cscript setup lang=\"ts\">\nimport type { RefinementListItem } from \"instantsearch.js\u002Fes\u002Fconnectors\u002Frefinement-list\u002FconnectRefinementList\";\n\ntype BrandFacet = RefinementListItem & {\n  visualLabel: string;\n};\n\nconst transformBrands = (items: RefinementListItem[]): BrandFacet[] => {\n  return items.map((item) => ({\n    ...item,\n    visualLabel: `${item.label} (${item.count})`,\n  }));\n};\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003C!-- @vue-generic {BrandFacet} -->\n  \u003CAisRefinementList attribute=\"brand\" :transform-items=\"transformBrands\">\n    \u003Ctemplate #item=\"{ item }\">\n      {{ item.visualLabel }}\n    \u003C\u002Ftemplate>\n  \u003C\u002FAisRefinementList>\n\u003C\u002Ftemplate>\n",[271,1004,1005,1025,1049,1053,1068,1079,1083,1087,1120,1144,1152,1191,1199,1203,1211,1215,1223,1228,1259,1283,1288,1296,1304],{"__ignoreMap":287},[291,1006,1007,1009,1011,1013,1015,1017,1019,1021,1023],{"class":293,"line":294},[291,1008,298],{"class":297},[291,1010,537],{"class":301},[291,1012,540],{"class":317},[291,1014,543],{"class":317},[291,1016,321],{"class":297},[291,1018,324],{"class":297},[291,1020,550],{"class":327},[291,1022,324],{"class":297},[291,1024,305],{"class":297},[291,1026,1027,1029,1031,1033,1036,1038,1040,1042,1045,1047],{"class":293,"line":308},[291,1028,561],{"class":560},[291,1030,592],{"class":560},[291,1032,564],{"class":297},[291,1034,1035],{"class":416}," RefinementListItem",[291,1037,570],{"class":297},[291,1039,573],{"class":560},[291,1041,576],{"class":297},[291,1043,1044],{"class":327},"instantsearch.js\u002Fes\u002Fconnectors\u002Frefinement-list\u002FconnectRefinementList",[291,1046,324],{"class":297},[291,1048,584],{"class":297},[291,1050,1051],{"class":293,"line":335},[291,1052,363],{"emptyLinePlaceholder":362},[291,1054,1055,1057,1060,1062,1064,1066],{"class":293,"line":359},[291,1056,627],{"class":317},[291,1058,1059],{"class":630}," BrandFacet",[291,1061,634],{"class":297},[291,1063,1035],{"class":630},[291,1065,639],{"class":297},[291,1067,642],{"class":297},[291,1069,1070,1073,1075,1077],{"class":293,"line":366},[291,1071,1072],{"class":301},"  visualLabel",[291,1074,651],{"class":297},[291,1076,654],{"class":630},[291,1078,584],{"class":297},[291,1080,1081],{"class":293,"line":373},[291,1082,686],{"class":297},[291,1084,1085],{"class":293,"line":395},[291,1086,363],{"emptyLinePlaceholder":362},[291,1088,1089,1091,1094,1096,1098,1100,1102,1104,1107,1110,1112,1115,1118],{"class":293,"line":427},[291,1090,697],{"class":317},[291,1092,1093],{"class":416}," transformBrands ",[291,1095,321],{"class":297},[291,1097,780],{"class":297},[291,1099,784],{"class":783},[291,1101,651],{"class":297},[291,1103,1035],{"class":630},[291,1105,1106],{"class":416},"[]",[291,1108,1109],{"class":297},"):",[291,1111,1059],{"class":630},[291,1113,1114],{"class":416},"[] ",[291,1116,1117],{"class":317},"=>",[291,1119,642],{"class":297},[291,1121,1122,1124,1126,1128,1130,1132,1134,1136,1138,1140,1142],{"class":293,"line":438},[291,1123,827],{"class":560},[291,1125,830],{"class":416},[291,1127,833],{"class":297},[291,1129,836],{"class":733},[291,1131,736],{"class":301},[291,1133,736],{"class":297},[291,1135,406],{"class":783},[291,1137,755],{"class":297},[291,1139,819],{"class":317},[291,1141,780],{"class":301},[291,1143,851],{"class":297},[291,1145,1146,1148,1150],{"class":293,"line":460},[291,1147,857],{"class":297},[291,1149,406],{"class":416},[291,1151,722],{"class":297},[291,1153,1154,1157,1159,1162,1164,1166,1169,1171,1173,1175,1177,1179,1182,1184,1186,1189],{"class":293,"line":478},[291,1155,1156],{"class":301},"    visualLabel",[291,1158,651],{"class":297},[291,1160,1161],{"class":297}," `${",[291,1163,406],{"class":416},[291,1165,833],{"class":297},[291,1167,1168],{"class":416},"label",[291,1170,420],{"class":297},[291,1172,780],{"class":327},[291,1174,936],{"class":297},[291,1176,406],{"class":416},[291,1178,833],{"class":297},[291,1180,1181],{"class":416},"count",[291,1183,420],{"class":297},[291,1185,755],{"class":327},[291,1187,1188],{"class":297},"`",[291,1190,722],{"class":297},[291,1192,1193,1195,1197],{"class":293,"line":488},[291,1194,976],{"class":297},[291,1196,979],{"class":301},[291,1198,584],{"class":297},[291,1200,1201],{"class":293,"line":498},[291,1202,686],{"class":297},[291,1204,1205,1207,1209],{"class":293,"line":508},[291,1206,453],{"class":297},[291,1208,537],{"class":301},[291,1210,305],{"class":297},[291,1212,1213],{"class":293,"line":518},[291,1214,363],{"emptyLinePlaceholder":362},[291,1216,1217,1219,1221],{"class":293,"line":527},[291,1218,298],{"class":297},[291,1220,302],{"class":301},[291,1222,305],{"class":297},[291,1224,1225],{"class":293,"line":532},[291,1226,1227],{"class":369},"  \u003C!-- @vue-generic {BrandFacet} -->\n",[291,1229,1230,1232,1235,1238,1240,1242,1244,1246,1248,1250,1252,1255,1257],{"class":293,"line":557},[291,1231,311],{"class":297},[291,1233,1234],{"class":301},"AisRefinementList",[291,1236,1237],{"class":317}," attribute",[291,1239,321],{"class":297},[291,1241,324],{"class":297},[291,1243,881],{"class":327},[291,1245,324],{"class":297},[291,1247,381],{"class":317},[291,1249,321],{"class":297},[291,1251,324],{"class":297},[291,1253,1254],{"class":327},"transformBrands",[291,1256,324],{"class":297},[291,1258,305],{"class":297},[291,1260,1261,1263,1265,1267,1269,1271,1273,1275,1277,1279,1281],{"class":293,"line":587},[291,1262,338],{"class":297},[291,1264,302],{"class":301},[291,1266,403],{"class":297},[291,1268,406],{"class":317},[291,1270,321],{"class":297},[291,1272,324],{"class":297},[291,1274,413],{"class":297},[291,1276,417],{"class":416},[291,1278,420],{"class":297},[291,1280,324],{"class":297},[291,1282,305],{"class":297},[291,1284,1285],{"class":293,"line":619},[291,1286,1287],{"class":416},"      {{ item.visualLabel }}\n",[291,1289,1290,1292,1294],{"class":293,"line":624},[291,1291,501],{"class":297},[291,1293,302],{"class":301},[291,1295,305],{"class":297},[291,1297,1298,1300,1302],{"class":293,"line":645},[291,1299,511],{"class":297},[291,1301,1234],{"class":301},[291,1303,305],{"class":297},[291,1305,1306,1308,1310],{"class":293,"line":659},[291,1307,453],{"class":297},[291,1309,302],{"class":301},[291,1311,305],{"class":297},[1313,1314,1315],"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 .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--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 .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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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);}",{"title":287,"searchDepth":308,"depth":308,"links":1317},[1318,1319],{"id":278,"depth":308,"text":279},{"id":998,"depth":308,"text":999},"Type-safe slot payloads when transformItems enriches widget items.","md",null,{},{"icon":216},{"title":213,"description":1320},"oieY79TMVydxlXUZf3G4yllgp7gRoOg2GCLxbJeJJPE",[1328,1330],{"title":206,"path":207,"stem":208,"description":1329,"icon":211,"children":-1},"Playground-inspired patterns you can copy into your app.",{"title":218,"path":219,"stem":220,"description":1331,"icon":221,"children":-1},"Full search page using declarative widgets only.",1775319447355]