[{"data":1,"prerenderedAt":958},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:DsFx-ynfpssWZNVxv9xzkVWffYbchtzpRGCVoEfpBms":113,"content-page-surround:docs:DsFx-ynfpssWZNVxv9xzkVWffYbchtzpRGCVoEfpBms":945,"i-logos:typescript-icon":948,"i-logos:vue":952,"i-lucide:clipboard":955},[4,32,68,108],{"title":5,"id":6,"canonicalKey":7,"locale":8,"draft":9,"path":10,"children":11},"Getting started","content:docs:1.getting-started:.navigation.yml","1","en",false,"\u002Fdocs\u002Fgetting-started",[12,17,22,27],{"title":13,"id":14,"canonicalKey":15,"locale":8,"draft":9,"path":16},"Nuxt guide","content:docs:1.getting-started:2.nuxt.md","1\u002F2","\u002Fdocs\u002Fgetting-started\u002Fnuxt",{"title":18,"id":19,"canonicalKey":20,"locale":8,"draft":9,"path":21},"Vue guide","content:docs:1.getting-started:3.vue.md","1\u002F3","\u002Fdocs\u002Fgetting-started\u002Fvue",{"title":23,"id":24,"canonicalKey":25,"locale":8,"draft":9,"path":26},"Customize the tour","content:docs:1.getting-started:4.customization.md","1\u002F4","\u002Fdocs\u002Fgetting-started\u002Fcustomization",{"title":28,"id":29,"canonicalKey":30,"locale":8,"draft":9,"path":31},"Troubleshooting","content:docs:1.getting-started:5.troubleshooting.md","1\u002F5","\u002Fdocs\u002Fgetting-started\u002Ftroubleshooting",{"title":33,"id":34,"canonicalKey":35,"locale":8,"draft":9,"path":36,"children":37},"Recipes","content:docs:2.recipes:.navigation.yml","2","\u002Fdocs\u002Frecipes",[38,43,48,53,58,63],{"title":39,"id":40,"canonicalKey":41,"locale":8,"draft":9,"path":42},"Rich content and images","content:docs:2.recipes:2.rich-content.md","2\u002F2","\u002Fdocs\u002Frecipes\u002Frich-content",{"title":44,"id":45,"canonicalKey":46,"locale":8,"draft":9,"path":47},"Routes and dynamic targets","content:docs:2.recipes:3.routes-and-targets.md","2\u002F3","\u002Fdocs\u002Frecipes\u002Froutes-and-targets",{"title":49,"id":50,"canonicalKey":51,"locale":8,"draft":9,"path":52},"Conditions and preparation","content:docs:2.recipes:4.conditions-and-preparation.md","2\u002F4","\u002Fdocs\u002Frecipes\u002Fconditions-and-preparation",{"title":54,"id":55,"canonicalKey":56,"locale":8,"draft":9,"path":57},"Interaction and focus","content:docs:2.recipes:5.interaction-and-focus.md","2\u002F5","\u002Fdocs\u002Frecipes\u002Finteraction-and-focus",{"title":59,"id":60,"canonicalKey":61,"locale":8,"draft":9,"path":62},"Customization and labels","content:docs:2.recipes:6.customization.md","2\u002F6","\u002Fdocs\u002Frecipes\u002Fcustomization",{"title":64,"id":65,"canonicalKey":66,"locale":8,"draft":9,"path":67},"Events and progress","content:docs:2.recipes:7.events-and-progress.md","2\u002F7","\u002Fdocs\u002Frecipes\u002Fevents-and-progress",{"title":69,"page":9,"canonicalKey":70,"locale":8,"id":71,"draft":9,"children":72},"Design","3","content:docs:3.design:.navigation.yml",[73,78,83,88,93,98,103],{"title":74,"id":75,"canonicalKey":76,"locale":8,"draft":9,"path":77},"Product and scope","content:docs:3.design:1.product-and-scope.md","3\u002F1","\u002Fdocs\u002Fdesign\u002Fproduct-and-scope",{"title":79,"id":80,"canonicalKey":81,"locale":8,"draft":9,"path":82},"Public API","content:docs:3.design:2.public-api.md","3\u002F2","\u002Fdocs\u002Fdesign\u002Fpublic-api",{"title":84,"id":85,"canonicalKey":86,"locale":8,"draft":9,"path":87},"Runtime semantics","content:docs:3.design:3.runtime-semantics.md","3\u002F3","\u002Fdocs\u002Fdesign\u002Fruntime-semantics",{"title":89,"id":90,"canonicalKey":91,"locale":8,"draft":9,"path":92},"Nuxt and Vue integration","content:docs:3.design:4.nuxt-and-vue.md","3\u002F4","\u002Fdocs\u002Fdesign\u002Fnuxt-and-vue",{"title":94,"id":95,"canonicalKey":96,"locale":8,"draft":9,"path":97},"Rendering and accessibility","content:docs:3.design:5.rendering-and-accessibility.md","3\u002F5","\u002Fdocs\u002Fdesign\u002Frendering-and-accessibility",{"title":99,"id":100,"canonicalKey":101,"locale":8,"draft":9,"path":102},"Architecture and testing","content:docs:3.design:6.architecture-and-testing.md","3\u002F6","\u002Fdocs\u002Fdesign\u002Farchitecture-and-testing",{"title":104,"id":105,"canonicalKey":106,"locale":8,"draft":9,"path":107},"Research decisions","content:docs:3.design:7.research-decisions.md","3\u002F7","\u002Fdocs\u002Fdesign\u002Fresearch-decisions",{"title":109,"id":110,"canonicalKey":111,"locale":8,"draft":9,"path":112},"Implementation","content:docs:4.implementation:.navigation.yml","4","\u002Fdocs\u002Fimplementation",{"title":64,"description":114,"body":115,"type":932,"id":65,"canonicalKey":66,"draft":9,"partial":9,"locale":8,"collection":933,"navigationFile":9,"file":934,"route":940,"resolution":942},"Observe tour outcomes without coupling the runtime to one analytics provider.",{"type":116,"children":117,"toc":926},"root",[118,127,133,565,577,739,764,771,776,879,890],{"type":119,"tag":120,"props":121,"children":123},"element","h1",{"id":122},"observe-events-and-record-progress",[124],{"type":125,"value":126},"text","Observe events and record progress",{"type":119,"tag":128,"props":129,"children":130},"p",{},[131],{"type":125,"value":132},"Subscribe to stable events from the controller. Keep product analytics outside\nthe tour definition.",{"type":119,"tag":134,"props":135,"children":138},"pre",{"language":136,"class":137},"vue","shiki shiki-themes material-theme-lighter material-theme-palenight dark:material-theme-palenight",[139],{"type":119,"tag":140,"props":141,"children":143},"code",{"class":142},"language-vue",[144,198,200,248,249,252,253,331,332,379,380,411,412,441,442,504,505,517,518,530,531,534,535,548,549],{"type":119,"tag":145,"props":146,"children":149},"span",{"class":147,"style":148},"line","display: inline",[150,156,162,168,173,178,183,189,193],{"type":119,"tag":145,"props":151,"children":153},{"style":152},"color:#39ADB5;--shiki-dark:#89DDFF",[154],{"type":125,"value":155},"\u003C",{"type":119,"tag":145,"props":157,"children":159},{"style":158},"color:#E53935;--shiki-dark:#F07178",[160],{"type":125,"value":161},"script",{"type":119,"tag":145,"props":163,"children":165},{"style":164},"color:#9C3EDA;--shiki-dark:#C792EA",[166],{"type":125,"value":167}," setup",{"type":119,"tag":145,"props":169,"children":170},{"style":164},[171],{"type":125,"value":172}," lang",{"type":119,"tag":145,"props":174,"children":175},{"style":152},[176],{"type":125,"value":177},"=",{"type":119,"tag":145,"props":179,"children":180},{"style":152},[181],{"type":125,"value":182},"\"",{"type":119,"tag":145,"props":184,"children":186},{"style":185},"color:#91B859;--shiki-dark:#C3E88D",[187],{"type":125,"value":188},"ts",{"type":119,"tag":145,"props":190,"children":191},{"style":152},[192],{"type":125,"value":182},{"type":119,"tag":145,"props":194,"children":195},{"style":152},[196],{"type":125,"value":197},">",{"type":125,"value":199},"\n",{"type":119,"tag":145,"props":201,"children":202},{"class":147,"style":148},[203,208,214,218,224,229,234,239,243],{"type":119,"tag":145,"props":204,"children":205},{"style":164},[206],{"type":125,"value":207},"const",{"type":119,"tag":145,"props":209,"children":211},{"style":210},"color:#90A4AE;--shiki-dark:#BABED8",[212],{"type":125,"value":213}," onboarding ",{"type":119,"tag":145,"props":215,"children":216},{"style":152},[217],{"type":125,"value":177},{"type":119,"tag":145,"props":219,"children":221},{"style":220},"color:#6182B8;--shiki-dark:#82AAFF",[222],{"type":125,"value":223}," useNuxtTour",{"type":119,"tag":145,"props":225,"children":226},{"style":210},[227],{"type":125,"value":228},"(",{"type":119,"tag":145,"props":230,"children":231},{"style":152},[232],{"type":125,"value":233},"'",{"type":119,"tag":145,"props":235,"children":236},{"style":185},[237],{"type":125,"value":238},"onboarding",{"type":119,"tag":145,"props":240,"children":241},{"style":152},[242],{"type":125,"value":233},{"type":119,"tag":145,"props":244,"children":245},{"style":210},[246],{"type":125,"value":247},")",{"type":125,"value":199},{"type":119,"tag":145,"props":250,"children":251},{"class":147,"style":148},[],{"type":125,"value":199},{"type":119,"tag":145,"props":254,"children":255},{"class":147,"style":148},[256,260,265,269,274,279,284,288,292,297,301,306,311,317,321,326],{"type":119,"tag":145,"props":257,"children":258},{"style":164},[259],{"type":125,"value":207},{"type":119,"tag":145,"props":261,"children":262},{"style":210},[263],{"type":125,"value":264}," stop ",{"type":119,"tag":145,"props":266,"children":267},{"style":152},[268],{"type":125,"value":177},{"type":119,"tag":145,"props":270,"children":271},{"style":210},[272],{"type":125,"value":273}," onboarding",{"type":119,"tag":145,"props":275,"children":276},{"style":152},[277],{"type":125,"value":278},".",{"type":119,"tag":145,"props":280,"children":281},{"style":220},[282],{"type":125,"value":283},"on",{"type":119,"tag":145,"props":285,"children":286},{"style":210},[287],{"type":125,"value":228},{"type":119,"tag":145,"props":289,"children":290},{"style":152},[291],{"type":125,"value":233},{"type":119,"tag":145,"props":293,"children":294},{"style":185},[295],{"type":125,"value":296},"*",{"type":119,"tag":145,"props":298,"children":299},{"style":152},[300],{"type":125,"value":233},{"type":119,"tag":145,"props":302,"children":303},{"style":152},[304],{"type":125,"value":305},",",{"type":119,"tag":145,"props":307,"children":308},{"style":152},[309],{"type":125,"value":310}," (",{"type":119,"tag":145,"props":312,"children":314},{"style":313},"color:#90A4AE;--shiki-light-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[315],{"type":125,"value":316},"event",{"type":119,"tag":145,"props":318,"children":319},{"style":152},[320],{"type":125,"value":247},{"type":119,"tag":145,"props":322,"children":323},{"style":164},[324],{"type":125,"value":325}," =>",{"type":119,"tag":145,"props":327,"children":328},{"style":152},[329],{"type":125,"value":330}," {",{"type":125,"value":199},{"type":119,"tag":145,"props":333,"children":334},{"class":147,"style":148},[335,340,345,349,354,358,362,367,371,375],{"type":119,"tag":145,"props":336,"children":337},{"style":220},[338],{"type":125,"value":339},"  useAnalytics",{"type":119,"tag":145,"props":341,"children":342},{"style":158},[343],{"type":125,"value":344},"()",{"type":119,"tag":145,"props":346,"children":347},{"style":152},[348],{"type":125,"value":278},{"type":119,"tag":145,"props":350,"children":351},{"style":220},[352],{"type":125,"value":353},"track",{"type":119,"tag":145,"props":355,"children":356},{"style":158},[357],{"type":125,"value":228},{"type":119,"tag":145,"props":359,"children":360},{"style":152},[361],{"type":125,"value":233},{"type":119,"tag":145,"props":363,"children":364},{"style":185},[365],{"type":125,"value":366},"Product tour event",{"type":119,"tag":145,"props":368,"children":369},{"style":152},[370],{"type":125,"value":233},{"type":119,"tag":145,"props":372,"children":373},{"style":152},[374],{"type":125,"value":305},{"type":119,"tag":145,"props":376,"children":377},{"style":152},[378],{"type":125,"value":330},{"type":125,"value":199},{"type":119,"tag":145,"props":381,"children":382},{"class":147,"style":148},[383,388,393,398,402,407],{"type":119,"tag":145,"props":384,"children":385},{"style":158},[386],{"type":125,"value":387},"    type",{"type":119,"tag":145,"props":389,"children":390},{"style":152},[391],{"type":125,"value":392},":",{"type":119,"tag":145,"props":394,"children":395},{"style":210},[396],{"type":125,"value":397}," event",{"type":119,"tag":145,"props":399,"children":400},{"style":152},[401],{"type":125,"value":278},{"type":119,"tag":145,"props":403,"children":404},{"style":210},[405],{"type":125,"value":406},"type",{"type":119,"tag":145,"props":408,"children":409},{"style":152},[410],{"type":125,"value":305},{"type":125,"value":199},{"type":119,"tag":145,"props":413,"children":414},{"class":147,"style":148},[415,420,424,428,432,437],{"type":119,"tag":145,"props":416,"children":417},{"style":158},[418],{"type":125,"value":419},"    tourId",{"type":119,"tag":145,"props":421,"children":422},{"style":152},[423],{"type":125,"value":392},{"type":119,"tag":145,"props":425,"children":426},{"style":210},[427],{"type":125,"value":397},{"type":119,"tag":145,"props":429,"children":430},{"style":152},[431],{"type":125,"value":278},{"type":119,"tag":145,"props":433,"children":434},{"style":210},[435],{"type":125,"value":436},"tourId",{"type":119,"tag":145,"props":438,"children":439},{"style":152},[440],{"type":125,"value":305},{"type":125,"value":199},{"type":119,"tag":145,"props":443,"children":444},{"class":147,"style":148},[445,450,454,459,464,468,473,477,482,486,490,494,499],{"type":119,"tag":145,"props":446,"children":447},{"style":158},[448],{"type":125,"value":449},"    stepId",{"type":119,"tag":145,"props":451,"children":452},{"style":152},[453],{"type":125,"value":392},{"type":119,"tag":145,"props":455,"children":456},{"style":152},[457],{"type":125,"value":458}," '",{"type":119,"tag":145,"props":460,"children":461},{"style":185},[462],{"type":125,"value":463},"stepId",{"type":119,"tag":145,"props":465,"children":466},{"style":152},[467],{"type":125,"value":233},{"type":119,"tag":145,"props":469,"children":470},{"style":152},[471],{"type":125,"value":472}," in",{"type":119,"tag":145,"props":474,"children":475},{"style":210},[476],{"type":125,"value":397},{"type":119,"tag":145,"props":478,"children":479},{"style":152},[480],{"type":125,"value":481}," ?",{"type":119,"tag":145,"props":483,"children":484},{"style":210},[485],{"type":125,"value":397},{"type":119,"tag":145,"props":487,"children":488},{"style":152},[489],{"type":125,"value":278},{"type":119,"tag":145,"props":491,"children":492},{"style":210},[493],{"type":125,"value":463},{"type":119,"tag":145,"props":495,"children":496},{"style":152},[497],{"type":125,"value":498}," :",{"type":119,"tag":145,"props":500,"children":501},{"style":152},[502],{"type":125,"value":503}," undefined,",{"type":125,"value":199},{"type":119,"tag":145,"props":506,"children":507},{"class":147,"style":148},[508,513],{"type":119,"tag":145,"props":509,"children":510},{"style":152},[511],{"type":125,"value":512},"  }",{"type":119,"tag":145,"props":514,"children":515},{"style":158},[516],{"type":125,"value":247},{"type":125,"value":199},{"type":119,"tag":145,"props":519,"children":520},{"class":147,"style":148},[521,526],{"type":119,"tag":145,"props":522,"children":523},{"style":152},[524],{"type":125,"value":525},"}",{"type":119,"tag":145,"props":527,"children":528},{"style":210},[529],{"type":125,"value":247},{"type":125,"value":199},{"type":119,"tag":145,"props":532,"children":533},{"class":147,"style":148},[],{"type":125,"value":199},{"type":119,"tag":145,"props":536,"children":537},{"class":147,"style":148},[538,543],{"type":119,"tag":145,"props":539,"children":540},{"style":220},[541],{"type":125,"value":542},"onScopeDispose",{"type":119,"tag":145,"props":544,"children":545},{"style":210},[546],{"type":125,"value":547},"(stop)",{"type":125,"value":199},{"type":119,"tag":145,"props":550,"children":551},{"class":147,"style":148},[552,557,561],{"type":119,"tag":145,"props":553,"children":554},{"style":152},[555],{"type":125,"value":556},"\u003C\u002F",{"type":119,"tag":145,"props":558,"children":559},{"style":158},[560],{"type":125,"value":161},{"type":119,"tag":145,"props":562,"children":563},{"style":152},[564],{"type":125,"value":197},{"type":119,"tag":128,"props":566,"children":567},{},[568,570,575],{"type":125,"value":569},"Use ",{"type":119,"tag":140,"props":571,"children":572},{},[573],{"type":125,"value":574},"tour:end",{"type":125,"value":576}," for the final outcome:",{"type":119,"tag":134,"props":578,"children":579},{"language":188,"class":137},[580],{"type":119,"tag":140,"props":581,"children":583},{"class":582},"language-ts",[584,651,652,706,707,719,720,727,728],{"type":119,"tag":145,"props":585,"children":586},{"class":147,"style":148},[587,591,595,599,603,607,611,615,619,623,627,631,635,639,643,647],{"type":119,"tag":145,"props":588,"children":589},{"style":164},[590],{"type":125,"value":207},{"type":119,"tag":145,"props":592,"children":593},{"style":210},[594],{"type":125,"value":264},{"type":119,"tag":145,"props":596,"children":597},{"style":152},[598],{"type":125,"value":177},{"type":119,"tag":145,"props":600,"children":601},{"style":210},[602],{"type":125,"value":273},{"type":119,"tag":145,"props":604,"children":605},{"style":152},[606],{"type":125,"value":278},{"type":119,"tag":145,"props":608,"children":609},{"style":220},[610],{"type":125,"value":283},{"type":119,"tag":145,"props":612,"children":613},{"style":210},[614],{"type":125,"value":228},{"type":119,"tag":145,"props":616,"children":617},{"style":152},[618],{"type":125,"value":233},{"type":119,"tag":145,"props":620,"children":621},{"style":185},[622],{"type":125,"value":574},{"type":119,"tag":145,"props":624,"children":625},{"style":152},[626],{"type":125,"value":233},{"type":119,"tag":145,"props":628,"children":629},{"style":152},[630],{"type":125,"value":305},{"type":119,"tag":145,"props":632,"children":633},{"style":152},[634],{"type":125,"value":310},{"type":119,"tag":145,"props":636,"children":637},{"style":313},[638],{"type":125,"value":316},{"type":119,"tag":145,"props":640,"children":641},{"style":152},[642],{"type":125,"value":247},{"type":119,"tag":145,"props":644,"children":645},{"style":164},[646],{"type":125,"value":325},{"type":119,"tag":145,"props":648,"children":649},{"style":152},[650],{"type":125,"value":330},{"type":125,"value":199},{"type":119,"tag":145,"props":653,"children":654},{"class":147,"style":148},[655,661,665,669,673,678,683,687,692,696,701],{"type":119,"tag":145,"props":656,"children":658},{"style":657},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[659],{"type":125,"value":660},"  if",{"type":119,"tag":145,"props":662,"children":663},{"style":158},[664],{"type":125,"value":310},{"type":119,"tag":145,"props":666,"children":667},{"style":210},[668],{"type":125,"value":316},{"type":119,"tag":145,"props":670,"children":671},{"style":152},[672],{"type":125,"value":278},{"type":119,"tag":145,"props":674,"children":675},{"style":210},[676],{"type":125,"value":677},"reason",{"type":119,"tag":145,"props":679,"children":680},{"style":152},[681],{"type":125,"value":682}," ===",{"type":119,"tag":145,"props":684,"children":685},{"style":152},[686],{"type":125,"value":458},{"type":119,"tag":145,"props":688,"children":689},{"style":185},[690],{"type":125,"value":691},"completed",{"type":119,"tag":145,"props":693,"children":694},{"style":152},[695],{"type":125,"value":233},{"type":119,"tag":145,"props":697,"children":698},{"style":158},[699],{"type":125,"value":700},") ",{"type":119,"tag":145,"props":702,"children":703},{"style":152},[704],{"type":125,"value":705},"{",{"type":125,"value":199},{"type":119,"tag":145,"props":708,"children":709},{"class":147,"style":148},[710,715],{"type":119,"tag":145,"props":711,"children":712},{"style":220},[713],{"type":125,"value":714},"    markOnboardingComplete",{"type":119,"tag":145,"props":716,"children":717},{"style":158},[718],{"type":125,"value":344},{"type":125,"value":199},{"type":119,"tag":145,"props":721,"children":722},{"class":147,"style":148},[723],{"type":119,"tag":145,"props":724,"children":725},{"style":152},[726],{"type":125,"value":512},{"type":125,"value":199},{"type":119,"tag":145,"props":729,"children":730},{"class":147,"style":148},[731,735],{"type":119,"tag":145,"props":732,"children":733},{"style":152},[734],{"type":125,"value":525},{"type":119,"tag":145,"props":736,"children":737},{"style":210},[738],{"type":125,"value":247},{"type":119,"tag":128,"props":740,"children":741},{},[742,744,748,750,755,757,762],{"type":125,"value":743},"The end reason is ",{"type":119,"tag":140,"props":745,"children":746},{},[747],{"type":125,"value":691},{"type":125,"value":749},", ",{"type":119,"tag":140,"props":751,"children":752},{},[753],{"type":125,"value":754},"skipped",{"type":125,"value":756},", or ",{"type":119,"tag":140,"props":758,"children":759},{},[760],{"type":125,"value":761},"cancelled",{"type":125,"value":763},". A cancelled event can\nalso include the application cancellation reason.",{"type":119,"tag":765,"props":766,"children":768},"h2",{"id":767},"react-to-the-current-step",[769],{"type":125,"value":770},"React to the current step",{"type":119,"tag":128,"props":772,"children":773},{},[774],{"type":125,"value":775},"Controller state uses readonly Vue refs:",{"type":119,"tag":134,"props":777,"children":778},{"language":136,"class":137},[779],{"type":119,"tag":140,"props":780,"children":781},{"class":142},[782,798,799,837,838,846,847,863,864],{"type":119,"tag":145,"props":783,"children":784},{"class":147,"style":148},[785,789,794],{"type":119,"tag":145,"props":786,"children":787},{"style":152},[788],{"type":125,"value":155},{"type":119,"tag":145,"props":790,"children":791},{"style":158},[792],{"type":125,"value":793},"template",{"type":119,"tag":145,"props":795,"children":796},{"style":152},[797],{"type":125,"value":197},{"type":125,"value":199},{"type":119,"tag":145,"props":800,"children":801},{"class":147,"style":148},[802,807,811,816,820,824,829,833],{"type":119,"tag":145,"props":803,"children":804},{"style":152},[805],{"type":125,"value":806},"  \u003C",{"type":119,"tag":145,"props":808,"children":809},{"style":158},[810],{"type":125,"value":128},{"type":119,"tag":145,"props":812,"children":813},{"style":164},[814],{"type":125,"value":815}," v-if",{"type":119,"tag":145,"props":817,"children":818},{"style":152},[819],{"type":125,"value":177},{"type":119,"tag":145,"props":821,"children":822},{"style":152},[823],{"type":125,"value":182},{"type":119,"tag":145,"props":825,"children":826},{"style":185},[827],{"type":125,"value":828},"onboarding.isActive.value",{"type":119,"tag":145,"props":830,"children":831},{"style":152},[832],{"type":125,"value":182},{"type":119,"tag":145,"props":834,"children":835},{"style":152},[836],{"type":125,"value":197},{"type":125,"value":199},{"type":119,"tag":145,"props":839,"children":840},{"class":147,"style":148},[841],{"type":119,"tag":145,"props":842,"children":843},{"style":210},[844],{"type":125,"value":845},"    Step {{ onboarding.index.value + 1 }} of {{ onboarding.total.value }}",{"type":125,"value":199},{"type":119,"tag":145,"props":848,"children":849},{"class":147,"style":148},[850,855,859],{"type":119,"tag":145,"props":851,"children":852},{"style":152},[853],{"type":125,"value":854},"  \u003C\u002F",{"type":119,"tag":145,"props":856,"children":857},{"style":158},[858],{"type":125,"value":128},{"type":119,"tag":145,"props":860,"children":861},{"style":152},[862],{"type":125,"value":197},{"type":125,"value":199},{"type":119,"tag":145,"props":865,"children":866},{"class":147,"style":148},[867,871,875],{"type":119,"tag":145,"props":868,"children":869},{"style":152},[870],{"type":125,"value":556},{"type":119,"tag":145,"props":872,"children":873},{"style":158},[874],{"type":125,"value":793},{"type":119,"tag":145,"props":876,"children":877},{"style":152},[878],{"type":125,"value":197},{"type":119,"tag":128,"props":880,"children":881},{},[882,884,889],{"type":125,"value":883},"In templates, Vue can unwrap top-level refs returned directly from setup. In\nscripts, read ",{"type":119,"tag":140,"props":885,"children":886},{},[887],{"type":125,"value":888},".value",{"type":125,"value":278},{"type":119,"tag":128,"props":891,"children":892},{},[893,895,900,901,906,907,912,913,918,919,924],{"type":125,"value":894},"Do not use an event listener to control navigation. Events are observational.\nUse ",{"type":119,"tag":140,"props":896,"children":897},{},[898],{"type":125,"value":899},"next()",{"type":125,"value":749},{"type":119,"tag":140,"props":902,"children":903},{},[904],{"type":125,"value":905},"previous()",{"type":125,"value":749},{"type":119,"tag":140,"props":908,"children":909},{},[910],{"type":125,"value":911},"goTo()",{"type":125,"value":749},{"type":119,"tag":140,"props":914,"children":915},{},[916],{"type":125,"value":917},"skip()",{"type":125,"value":756},{"type":119,"tag":140,"props":920,"children":921},{},[922],{"type":125,"value":923},"cancel()",{"type":125,"value":925}," for commands.",{"title":927,"searchDepth":928,"depth":928,"links":929},"",4,[930],{"id":767,"depth":931,"text":770},2,"markdown","docs",{"source":935,"path":936,"stem":937,"dir":938,"extension":939},"content","docs\u002F2.recipes\u002F7.events-and-progress.md","docs\u002F2.recipes\u002F7.events-and-progress","recipes","md",{"requestedPath":67,"resolvedPath":67,"alternates":941},[],{"requested":943,"resolved":944,"usedFallback":9},{},{"locale":8},{"previous":946,"next":947},{"title":59,"id":60,"canonicalKey":61,"locale":8,"draft":9,"path":62},{"title":74,"id":75,"canonicalKey":76,"locale":8,"draft":9,"path":77},{"left":949,"top":949,"width":950,"height":950,"rotate":949,"vFlip":9,"hFlip":9,"body":951},0,256,"\u003Cpath fill=\"#3178c6\" d=\"M20 0h216c11.046 0 20 8.954 20 20v216c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20V20C0 8.954 8.954 0 20 0\"\u002F>\u003Cpath fill=\"#fff\" d=\"M150.518 200.475v27.62q6.738 3.453 15.938 5.179T185.849 235q9.934 0 18.874-1.899t15.678-6.257q6.738-4.359 10.669-11.394q3.93-7.033 3.93-17.391q0-7.51-2.246-13.163a30.8 30.8 0 0 0-6.479-10.055q-4.232-4.402-10.149-7.898t-13.347-6.602q-5.442-2.245-9.761-4.359t-7.342-4.316q-3.024-2.2-4.665-4.661t-1.641-5.567q0-2.848 1.468-5.135q1.469-2.288 4.147-3.927t6.565-2.547q3.887-.906 8.638-.906q3.456 0 7.299.518q3.844.517 7.732 1.597a54 54 0 0 1 7.558 2.719a41.7 41.7 0 0 1 6.781 3.797v-25.807q-6.306-2.417-13.778-3.582T198.633 107q-9.847 0-18.658 2.115q-8.811 2.114-15.506 6.602q-6.694 4.49-10.582 11.437Q150 134.102 150 143.769q0 12.342 7.127 21.06t21.638 14.759a292 292 0 0 1 10.625 4.575q4.924 2.244 8.509 4.66t5.658 5.265t2.073 6.474a9.9 9.9 0 0 1-1.296 4.963q-1.295 2.287-3.93 3.97t-6.565 2.632t-9.2.95q-8.983 0-17.794-3.151t-16.327-9.451m-46.036-68.733H140V109H41v22.742h35.345V233h28.137z\"\u002F>",{"left":949,"top":949,"width":950,"height":953,"rotate":949,"vFlip":9,"hFlip":9,"body":954},221,"\u003Cpath fill=\"#41b883\" d=\"M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0z\"\u002F>\u003Cpath fill=\"#41b883\" d=\"m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0z\"\u002F>\u003Cpath fill=\"#35495e\" d=\"M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0z\"\u002F>",{"left":949,"top":949,"width":956,"height":956,"rotate":949,"vFlip":9,"hFlip":9,"body":957},24,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\u002F>\u003Cpath d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\u002F>\u003C\u002Fg>",1788188688349]