[{"data":1,"prerenderedAt":1206},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:ZC82rFFN1Ml7F8lUWYWQUZpkiLPupHhp3klBQjQFOvk":113,"content-page-surround:docs:ZC82rFFN1Ml7F8lUWYWQUZpkiLPupHhp3klBQjQFOvk":1193,"i-logos:vue":1196,"i-logos:typescript-icon":1201,"i-lucide:clipboard":1203},[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":44,"description":114,"body":115,"type":1180,"id":45,"canonicalKey":46,"draft":9,"partial":9,"locale":8,"collection":1181,"navigationFile":9,"file":1182,"route":1188,"resolution":1190},"Guide people across Nuxt pages and late-rendered interface elements.",{"type":116,"children":117,"toc":1173},"root",[118,127,133,659,664,741,746,829,836,848,1110,1115,1121,1168],{"type":119,"tag":120,"props":121,"children":123},"element","h1",{"id":122},"move-across-routes-and-dynamic-targets",[124],{"type":125,"value":126},"text","Move across routes and dynamic targets",{"type":119,"tag":128,"props":129,"children":130},"p",{},[131],{"type":125,"value":132},"Put the destination route on the destination step. Nuxt Tour waits for\nnavigation, page settlement, preparation, and the target before it replaces the\ncurrent card.",{"type":119,"tag":134,"props":135,"children":138},"pre",{"language":136,"class":137},"ts","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-ts",[144,156,158,190,191,226,227,244,245,253,254,283,284,313,314,343,344,373,374,382,383,390,391,419,420,508,509,536,537,565,566,594,595,624,625,632,633,645,646],{"type":119,"tag":145,"props":146,"children":149},"span",{"class":147,"style":148},"line","display: inline",[150],{"type":119,"tag":145,"props":151,"children":153},{"style":152},"color:#90A4AE;--shiki-light-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[154],{"type":125,"value":155},"\u002F\u002F app\u002Ftours\u002Fonboarding.ts",{"type":125,"value":157},"\n",{"type":119,"tag":145,"props":159,"children":160},{"class":147,"style":148},[161,167,172,178,184],{"type":119,"tag":145,"props":162,"children":164},{"style":163},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[165],{"type":125,"value":166},"export",{"type":119,"tag":145,"props":168,"children":169},{"style":163},[170],{"type":125,"value":171}," default",{"type":119,"tag":145,"props":173,"children":175},{"style":174},"color:#6182B8;--shiki-dark:#82AAFF",[176],{"type":125,"value":177}," defineTour",{"type":119,"tag":145,"props":179,"children":181},{"style":180},"color:#90A4AE;--shiki-dark:#BABED8",[182],{"type":125,"value":183},"(",{"type":119,"tag":145,"props":185,"children":187},{"style":186},"color:#39ADB5;--shiki-dark:#89DDFF",[188],{"type":125,"value":189},"{",{"type":125,"value":157},{"type":119,"tag":145,"props":192,"children":193},{"class":147,"style":148},[194,200,205,210,216,221],{"type":119,"tag":145,"props":195,"children":197},{"style":196},"color:#E53935;--shiki-dark:#F07178",[198],{"type":125,"value":199},"  id",{"type":119,"tag":145,"props":201,"children":202},{"style":186},[203],{"type":125,"value":204},":",{"type":119,"tag":145,"props":206,"children":207},{"style":186},[208],{"type":125,"value":209}," '",{"type":119,"tag":145,"props":211,"children":213},{"style":212},"color:#91B859;--shiki-dark:#C3E88D",[214],{"type":125,"value":215},"onboarding",{"type":119,"tag":145,"props":217,"children":218},{"style":186},[219],{"type":125,"value":220},"'",{"type":119,"tag":145,"props":222,"children":223},{"style":186},[224],{"type":125,"value":225},",",{"type":125,"value":157},{"type":119,"tag":145,"props":228,"children":229},{"class":147,"style":148},[230,235,239],{"type":119,"tag":145,"props":231,"children":232},{"style":196},[233],{"type":125,"value":234},"  steps",{"type":119,"tag":145,"props":236,"children":237},{"style":186},[238],{"type":125,"value":204},{"type":119,"tag":145,"props":240,"children":241},{"style":180},[242],{"type":125,"value":243}," [",{"type":125,"value":157},{"type":119,"tag":145,"props":246,"children":247},{"class":147,"style":148},[248],{"type":119,"tag":145,"props":249,"children":250},{"style":186},[251],{"type":125,"value":252},"    {",{"type":125,"value":157},{"type":119,"tag":145,"props":255,"children":256},{"class":147,"style":148},[257,262,266,270,275,279],{"type":119,"tag":145,"props":258,"children":259},{"style":196},[260],{"type":125,"value":261},"      id",{"type":119,"tag":145,"props":263,"children":264},{"style":186},[265],{"type":125,"value":204},{"type":119,"tag":145,"props":267,"children":268},{"style":186},[269],{"type":125,"value":209},{"type":119,"tag":145,"props":271,"children":272},{"style":212},[273],{"type":125,"value":274},"overview",{"type":119,"tag":145,"props":276,"children":277},{"style":186},[278],{"type":125,"value":220},{"type":119,"tag":145,"props":280,"children":281},{"style":186},[282],{"type":125,"value":225},{"type":125,"value":157},{"type":119,"tag":145,"props":285,"children":286},{"class":147,"style":148},[287,292,296,300,305,309],{"type":119,"tag":145,"props":288,"children":289},{"style":196},[290],{"type":125,"value":291},"      target",{"type":119,"tag":145,"props":293,"children":294},{"style":186},[295],{"type":125,"value":204},{"type":119,"tag":145,"props":297,"children":298},{"style":186},[299],{"type":125,"value":209},{"type":119,"tag":145,"props":301,"children":302},{"style":212},[303],{"type":125,"value":304},"project-overview",{"type":119,"tag":145,"props":306,"children":307},{"style":186},[308],{"type":125,"value":220},{"type":119,"tag":145,"props":310,"children":311},{"style":186},[312],{"type":125,"value":225},{"type":125,"value":157},{"type":119,"tag":145,"props":315,"children":316},{"class":147,"style":148},[317,322,326,330,335,339],{"type":119,"tag":145,"props":318,"children":319},{"style":196},[320],{"type":125,"value":321},"      title",{"type":119,"tag":145,"props":323,"children":324},{"style":186},[325],{"type":125,"value":204},{"type":119,"tag":145,"props":327,"children":328},{"style":186},[329],{"type":125,"value":209},{"type":119,"tag":145,"props":331,"children":332},{"style":212},[333],{"type":125,"value":334},"Project overview",{"type":119,"tag":145,"props":336,"children":337},{"style":186},[338],{"type":125,"value":220},{"type":119,"tag":145,"props":340,"children":341},{"style":186},[342],{"type":125,"value":225},{"type":125,"value":157},{"type":119,"tag":145,"props":345,"children":346},{"class":147,"style":148},[347,352,356,360,365,369],{"type":119,"tag":145,"props":348,"children":349},{"style":196},[350],{"type":125,"value":351},"      content",{"type":119,"tag":145,"props":353,"children":354},{"style":186},[355],{"type":125,"value":204},{"type":119,"tag":145,"props":357,"children":358},{"style":186},[359],{"type":125,"value":209},{"type":119,"tag":145,"props":361,"children":362},{"style":212},[363],{"type":125,"value":364},"Start with the current project.",{"type":119,"tag":145,"props":366,"children":367},{"style":186},[368],{"type":125,"value":220},{"type":119,"tag":145,"props":370,"children":371},{"style":186},[372],{"type":125,"value":225},{"type":125,"value":157},{"type":119,"tag":145,"props":375,"children":376},{"class":147,"style":148},[377],{"type":119,"tag":145,"props":378,"children":379},{"style":186},[380],{"type":125,"value":381},"    },",{"type":125,"value":157},{"type":119,"tag":145,"props":384,"children":385},{"class":147,"style":148},[386],{"type":119,"tag":145,"props":387,"children":388},{"style":186},[389],{"type":125,"value":252},{"type":125,"value":157},{"type":119,"tag":145,"props":392,"children":393},{"class":147,"style":148},[394,398,402,406,411,415],{"type":119,"tag":145,"props":395,"children":396},{"style":196},[397],{"type":125,"value":261},{"type":119,"tag":145,"props":399,"children":400},{"style":186},[401],{"type":125,"value":204},{"type":119,"tag":145,"props":403,"children":404},{"style":186},[405],{"type":125,"value":209},{"type":119,"tag":145,"props":407,"children":408},{"style":212},[409],{"type":125,"value":410},"create-task",{"type":119,"tag":145,"props":412,"children":413},{"style":186},[414],{"type":125,"value":220},{"type":119,"tag":145,"props":416,"children":417},{"style":186},[418],{"type":125,"value":225},{"type":125,"value":157},{"type":119,"tag":145,"props":421,"children":422},{"class":147,"style":148},[423,428,432,437,442,446,450,455,459,463,468,472,476,481,485,489,494,498,503],{"type":119,"tag":145,"props":424,"children":425},{"style":196},[426],{"type":125,"value":427},"      route",{"type":119,"tag":145,"props":429,"children":430},{"style":186},[431],{"type":125,"value":204},{"type":119,"tag":145,"props":433,"children":434},{"style":186},[435],{"type":125,"value":436}," {",{"type":119,"tag":145,"props":438,"children":439},{"style":196},[440],{"type":125,"value":441}," path",{"type":119,"tag":145,"props":443,"children":444},{"style":186},[445],{"type":125,"value":204},{"type":119,"tag":145,"props":447,"children":448},{"style":186},[449],{"type":125,"value":209},{"type":119,"tag":145,"props":451,"children":452},{"style":212},[453],{"type":125,"value":454},"\u002Ftasks",{"type":119,"tag":145,"props":456,"children":457},{"style":186},[458],{"type":125,"value":220},{"type":119,"tag":145,"props":460,"children":461},{"style":186},[462],{"type":125,"value":225},{"type":119,"tag":145,"props":464,"children":465},{"style":196},[466],{"type":125,"value":467}," query",{"type":119,"tag":145,"props":469,"children":470},{"style":186},[471],{"type":125,"value":204},{"type":119,"tag":145,"props":473,"children":474},{"style":186},[475],{"type":125,"value":436},{"type":119,"tag":145,"props":477,"children":478},{"style":196},[479],{"type":125,"value":480}," view",{"type":119,"tag":145,"props":482,"children":483},{"style":186},[484],{"type":125,"value":204},{"type":119,"tag":145,"props":486,"children":487},{"style":186},[488],{"type":125,"value":209},{"type":119,"tag":145,"props":490,"children":491},{"style":212},[492],{"type":125,"value":493},"board",{"type":119,"tag":145,"props":495,"children":496},{"style":186},[497],{"type":125,"value":220},{"type":119,"tag":145,"props":499,"children":500},{"style":186},[501],{"type":125,"value":502}," }",{"type":119,"tag":145,"props":504,"children":505},{"style":186},[506],{"type":125,"value":507}," },",{"type":125,"value":157},{"type":119,"tag":145,"props":510,"children":511},{"class":147,"style":148},[512,516,520,524,528,532],{"type":119,"tag":145,"props":513,"children":514},{"style":196},[515],{"type":125,"value":291},{"type":119,"tag":145,"props":517,"children":518},{"style":186},[519],{"type":125,"value":204},{"type":119,"tag":145,"props":521,"children":522},{"style":186},[523],{"type":125,"value":209},{"type":119,"tag":145,"props":525,"children":526},{"style":212},[527],{"type":125,"value":410},{"type":119,"tag":145,"props":529,"children":530},{"style":186},[531],{"type":125,"value":220},{"type":119,"tag":145,"props":533,"children":534},{"style":186},[535],{"type":125,"value":225},{"type":125,"value":157},{"type":119,"tag":145,"props":538,"children":539},{"class":147,"style":148},[540,544,548,552,557,561],{"type":119,"tag":145,"props":541,"children":542},{"style":196},[543],{"type":125,"value":321},{"type":119,"tag":145,"props":545,"children":546},{"style":186},[547],{"type":125,"value":204},{"type":119,"tag":145,"props":549,"children":550},{"style":186},[551],{"type":125,"value":209},{"type":119,"tag":145,"props":553,"children":554},{"style":212},[555],{"type":125,"value":556},"Create a task",{"type":119,"tag":145,"props":558,"children":559},{"style":186},[560],{"type":125,"value":220},{"type":119,"tag":145,"props":562,"children":563},{"style":186},[564],{"type":125,"value":225},{"type":125,"value":157},{"type":119,"tag":145,"props":567,"children":568},{"class":147,"style":148},[569,573,577,581,586,590],{"type":119,"tag":145,"props":570,"children":571},{"style":196},[572],{"type":125,"value":351},{"type":119,"tag":145,"props":574,"children":575},{"style":186},[576],{"type":125,"value":204},{"type":119,"tag":145,"props":578,"children":579},{"style":186},[580],{"type":125,"value":209},{"type":119,"tag":145,"props":582,"children":583},{"style":212},[584],{"type":125,"value":585},"The board is ready before this step appears.",{"type":119,"tag":145,"props":587,"children":588},{"style":186},[589],{"type":125,"value":220},{"type":119,"tag":145,"props":591,"children":592},{"style":186},[593],{"type":125,"value":225},{"type":125,"value":157},{"type":119,"tag":145,"props":596,"children":597},{"class":147,"style":148},[598,603,607,611,616,620],{"type":119,"tag":145,"props":599,"children":600},{"style":196},[601],{"type":125,"value":602},"      placement",{"type":119,"tag":145,"props":604,"children":605},{"style":186},[606],{"type":125,"value":204},{"type":119,"tag":145,"props":608,"children":609},{"style":186},[610],{"type":125,"value":209},{"type":119,"tag":145,"props":612,"children":613},{"style":212},[614],{"type":125,"value":615},"bottom-end",{"type":119,"tag":145,"props":617,"children":618},{"style":186},[619],{"type":125,"value":220},{"type":119,"tag":145,"props":621,"children":622},{"style":186},[623],{"type":125,"value":225},{"type":125,"value":157},{"type":119,"tag":145,"props":626,"children":627},{"class":147,"style":148},[628],{"type":119,"tag":145,"props":629,"children":630},{"style":186},[631],{"type":125,"value":381},{"type":125,"value":157},{"type":119,"tag":145,"props":634,"children":635},{"class":147,"style":148},[636,641],{"type":119,"tag":145,"props":637,"children":638},{"style":180},[639],{"type":125,"value":640},"  ]",{"type":119,"tag":145,"props":642,"children":643},{"style":186},[644],{"type":125,"value":225},{"type":125,"value":157},{"type":119,"tag":145,"props":647,"children":648},{"class":147,"style":148},[649,654],{"type":119,"tag":145,"props":650,"children":651},{"style":186},[652],{"type":125,"value":653},"}",{"type":119,"tag":145,"props":655,"children":656},{"style":180},[657],{"type":125,"value":658},")",{"type":119,"tag":128,"props":660,"children":661},{},[662],{"type":125,"value":663},"Register the destination with a semantic name:",{"type":119,"tag":134,"props":665,"children":667},{"language":666,"class":137},"vue",[668],{"type":119,"tag":140,"props":669,"children":671},{"class":670},"language-vue",[672,715,716,724,725],{"type":119,"tag":145,"props":673,"children":674},{"class":147,"style":148},[675,680,685,691,696,701,705,710],{"type":119,"tag":145,"props":676,"children":677},{"style":186},[678],{"type":125,"value":679},"\u003C",{"type":119,"tag":145,"props":681,"children":682},{"style":196},[683],{"type":125,"value":684},"button",{"type":119,"tag":145,"props":686,"children":688},{"style":687},"color:#9C3EDA;--shiki-dark:#C792EA",[689],{"type":125,"value":690}," v-tour-target",{"type":119,"tag":145,"props":692,"children":693},{"style":186},[694],{"type":125,"value":695},"=",{"type":119,"tag":145,"props":697,"children":698},{"style":186},[699],{"type":125,"value":700},"\"'",{"type":119,"tag":145,"props":702,"children":703},{"style":212},[704],{"type":125,"value":410},{"type":119,"tag":145,"props":706,"children":707},{"style":186},[708],{"type":125,"value":709},"'\"",{"type":119,"tag":145,"props":711,"children":712},{"style":186},[713],{"type":125,"value":714},">",{"type":125,"value":157},{"type":119,"tag":145,"props":717,"children":718},{"class":147,"style":148},[719],{"type":119,"tag":145,"props":720,"children":721},{"style":180},[722],{"type":125,"value":723},"  Create task",{"type":125,"value":157},{"type":119,"tag":145,"props":726,"children":727},{"class":147,"style":148},[728,733,737],{"type":119,"tag":145,"props":729,"children":730},{"style":186},[731],{"type":125,"value":732},"\u003C\u002F",{"type":119,"tag":145,"props":734,"children":735},{"style":196},[736],{"type":125,"value":684},{"type":119,"tag":145,"props":738,"children":739},{"style":186},[740],{"type":125,"value":714},{"type":119,"tag":128,"props":742,"children":743},{},[744],{"type":125,"value":745},"The default target timeout is five seconds. Override it only when this target\nhas a measured reason to need more time.",{"type":119,"tag":134,"props":747,"children":748},{"language":136,"class":137},[749],{"type":119,"tag":140,"props":750,"children":751},{"class":142},[752,769,770,798,799,821,822],{"type":119,"tag":145,"props":753,"children":754},{"class":147,"style":148},[755,761,765],{"type":119,"tag":145,"props":756,"children":758},{"style":757},"color:#E2931D;--shiki-dark:#FFCB6B",[759],{"type":125,"value":760},"target",{"type":119,"tag":145,"props":762,"children":763},{"style":186},[764],{"type":125,"value":204},{"type":119,"tag":145,"props":766,"children":767},{"style":186},[768],{"type":125,"value":436},{"type":125,"value":157},{"type":119,"tag":145,"props":771,"children":772},{"class":147,"style":148},[773,777,781,785,790,794],{"type":119,"tag":145,"props":774,"children":775},{"style":757},[776],{"type":125,"value":199},{"type":119,"tag":145,"props":778,"children":779},{"style":186},[780],{"type":125,"value":204},{"type":119,"tag":145,"props":782,"children":783},{"style":186},[784],{"type":125,"value":209},{"type":119,"tag":145,"props":786,"children":787},{"style":212},[788],{"type":125,"value":789},"slow-report",{"type":119,"tag":145,"props":791,"children":792},{"style":186},[793],{"type":125,"value":220},{"type":119,"tag":145,"props":795,"children":796},{"style":186},[797],{"type":125,"value":225},{"type":125,"value":157},{"type":119,"tag":145,"props":800,"children":801},{"class":147,"style":148},[802,807,811,817],{"type":119,"tag":145,"props":803,"children":804},{"style":757},[805],{"type":125,"value":806},"  timeout",{"type":119,"tag":145,"props":808,"children":809},{"style":186},[810],{"type":125,"value":204},{"type":119,"tag":145,"props":812,"children":814},{"style":813},"color:#F76D47;--shiki-dark:#F78C6C",[815],{"type":125,"value":816}," 10_000",{"type":119,"tag":145,"props":818,"children":819},{"style":186},[820],{"type":125,"value":225},{"type":125,"value":157},{"type":119,"tag":145,"props":823,"children":824},{"class":147,"style":148},[825],{"type":119,"tag":145,"props":826,"children":827},{"style":186},[828],{"type":125,"value":653},{"type":119,"tag":830,"props":831,"children":833},"h2",{"id":832},"register-a-component-ref",[834],{"type":125,"value":835},"Register a component ref",{"type":119,"tag":128,"props":837,"children":838},{},[839,841,846],{"type":125,"value":840},"Use ",{"type":119,"tag":140,"props":842,"children":843},{},[844],{"type":125,"value":845},"useTourTarget()",{"type":125,"value":847}," when a directive does not fit the component boundary.",{"type":119,"tag":134,"props":849,"children":850},{"language":666,"class":137},[851],{"type":119,"tag":140,"props":852,"children":853},{"class":670},[854,897,898,954,955,958,959,992,993,1008,1009,1012,1013,1029,1030,1068,1069,1077,1078,1094,1095],{"type":119,"tag":145,"props":855,"children":856},{"class":147,"style":148},[857,861,866,871,876,880,885,889,893],{"type":119,"tag":145,"props":858,"children":859},{"style":186},[860],{"type":125,"value":679},{"type":119,"tag":145,"props":862,"children":863},{"style":196},[864],{"type":125,"value":865},"script",{"type":119,"tag":145,"props":867,"children":868},{"style":687},[869],{"type":125,"value":870}," setup",{"type":119,"tag":145,"props":872,"children":873},{"style":687},[874],{"type":125,"value":875}," lang",{"type":119,"tag":145,"props":877,"children":878},{"style":186},[879],{"type":125,"value":695},{"type":119,"tag":145,"props":881,"children":882},{"style":186},[883],{"type":125,"value":884},"\"",{"type":119,"tag":145,"props":886,"children":887},{"style":212},[888],{"type":125,"value":136},{"type":119,"tag":145,"props":890,"children":891},{"style":186},[892],{"type":125,"value":884},{"type":119,"tag":145,"props":894,"children":895},{"style":186},[896],{"type":125,"value":714},{"type":125,"value":157},{"type":119,"tag":145,"props":899,"children":900},{"class":147,"style":148},[901,906,911,915,920,924,929,933,937,941,946,950],{"type":119,"tag":145,"props":902,"children":903},{"style":687},[904],{"type":125,"value":905},"const",{"type":119,"tag":145,"props":907,"children":908},{"style":180},[909],{"type":125,"value":910}," createButton ",{"type":119,"tag":145,"props":912,"children":913},{"style":186},[914],{"type":125,"value":695},{"type":119,"tag":145,"props":916,"children":917},{"style":174},[918],{"type":125,"value":919}," useTemplateRef",{"type":119,"tag":145,"props":921,"children":922},{"style":186},[923],{"type":125,"value":679},{"type":119,"tag":145,"props":925,"children":926},{"style":757},[927],{"type":125,"value":928},"HTMLButtonElement",{"type":119,"tag":145,"props":930,"children":931},{"style":186},[932],{"type":125,"value":714},{"type":119,"tag":145,"props":934,"children":935},{"style":180},[936],{"type":125,"value":183},{"type":119,"tag":145,"props":938,"children":939},{"style":186},[940],{"type":125,"value":220},{"type":119,"tag":145,"props":942,"children":943},{"style":212},[944],{"type":125,"value":945},"createButton",{"type":119,"tag":145,"props":947,"children":948},{"style":186},[949],{"type":125,"value":220},{"type":119,"tag":145,"props":951,"children":952},{"style":180},[953],{"type":125,"value":658},{"type":125,"value":157},{"type":119,"tag":145,"props":956,"children":957},{"class":147,"style":148},[],{"type":125,"value":157},{"type":119,"tag":145,"props":960,"children":961},{"class":147,"style":148},[962,967,971,975,979,983,987],{"type":119,"tag":145,"props":963,"children":964},{"style":174},[965],{"type":125,"value":966},"useTourTarget",{"type":119,"tag":145,"props":968,"children":969},{"style":180},[970],{"type":125,"value":183},{"type":119,"tag":145,"props":972,"children":973},{"style":186},[974],{"type":125,"value":220},{"type":119,"tag":145,"props":976,"children":977},{"style":212},[978],{"type":125,"value":410},{"type":119,"tag":145,"props":980,"children":981},{"style":186},[982],{"type":125,"value":220},{"type":119,"tag":145,"props":984,"children":985},{"style":186},[986],{"type":125,"value":225},{"type":119,"tag":145,"props":988,"children":989},{"style":180},[990],{"type":125,"value":991}," createButton)",{"type":125,"value":157},{"type":119,"tag":145,"props":994,"children":995},{"class":147,"style":148},[996,1000,1004],{"type":119,"tag":145,"props":997,"children":998},{"style":186},[999],{"type":125,"value":732},{"type":119,"tag":145,"props":1001,"children":1002},{"style":196},[1003],{"type":125,"value":865},{"type":119,"tag":145,"props":1005,"children":1006},{"style":186},[1007],{"type":125,"value":714},{"type":125,"value":157},{"type":119,"tag":145,"props":1010,"children":1011},{"class":147,"style":148},[],{"type":125,"value":157},{"type":119,"tag":145,"props":1014,"children":1015},{"class":147,"style":148},[1016,1020,1025],{"type":119,"tag":145,"props":1017,"children":1018},{"style":186},[1019],{"type":125,"value":679},{"type":119,"tag":145,"props":1021,"children":1022},{"style":196},[1023],{"type":125,"value":1024},"template",{"type":119,"tag":145,"props":1026,"children":1027},{"style":186},[1028],{"type":125,"value":714},{"type":125,"value":157},{"type":119,"tag":145,"props":1031,"children":1032},{"class":147,"style":148},[1033,1038,1043,1048,1052,1056,1060,1064],{"type":119,"tag":145,"props":1034,"children":1035},{"style":186},[1036],{"type":125,"value":1037},"  \u003C",{"type":119,"tag":145,"props":1039,"children":1040},{"style":196},[1041],{"type":125,"value":1042},"AppButton",{"type":119,"tag":145,"props":1044,"children":1045},{"style":687},[1046],{"type":125,"value":1047}," ref",{"type":119,"tag":145,"props":1049,"children":1050},{"style":186},[1051],{"type":125,"value":695},{"type":119,"tag":145,"props":1053,"children":1054},{"style":186},[1055],{"type":125,"value":884},{"type":119,"tag":145,"props":1057,"children":1058},{"style":212},[1059],{"type":125,"value":945},{"type":119,"tag":145,"props":1061,"children":1062},{"style":186},[1063],{"type":125,"value":884},{"type":119,"tag":145,"props":1065,"children":1066},{"style":186},[1067],{"type":125,"value":714},{"type":125,"value":157},{"type":119,"tag":145,"props":1070,"children":1071},{"class":147,"style":148},[1072],{"type":119,"tag":145,"props":1073,"children":1074},{"style":180},[1075],{"type":125,"value":1076},"    Create task",{"type":125,"value":157},{"type":119,"tag":145,"props":1079,"children":1080},{"class":147,"style":148},[1081,1086,1090],{"type":119,"tag":145,"props":1082,"children":1083},{"style":186},[1084],{"type":125,"value":1085},"  \u003C\u002F",{"type":119,"tag":145,"props":1087,"children":1088},{"style":196},[1089],{"type":125,"value":1042},{"type":119,"tag":145,"props":1091,"children":1092},{"style":186},[1093],{"type":125,"value":714},{"type":125,"value":157},{"type":119,"tag":145,"props":1096,"children":1097},{"class":147,"style":148},[1098,1102,1106],{"type":119,"tag":145,"props":1099,"children":1100},{"style":186},[1101],{"type":125,"value":732},{"type":119,"tag":145,"props":1103,"children":1104},{"style":196},[1105],{"type":125,"value":1024},{"type":119,"tag":145,"props":1107,"children":1108},{"style":186},[1109],{"type":125,"value":714},{"type":119,"tag":128,"props":1111,"children":1112},{},[1113],{"type":125,"value":1114},"The registration follows the ref. It unregisters when the component unmounts.",{"type":119,"tag":830,"props":1116,"children":1118},{"id":1117},"use-a-selector-only-as-an-escape-hatch",[1119],{"type":125,"value":1120},"Use a selector only as an escape hatch",{"type":119,"tag":134,"props":1122,"children":1123},{"language":136,"class":137},[1124],{"type":119,"tag":140,"props":1125,"children":1126},{"class":142},[1127],{"type":119,"tag":145,"props":1128,"children":1129},{"class":147,"style":148},[1130,1134,1138,1142,1147,1151,1155,1160,1164],{"type":119,"tag":145,"props":1131,"children":1132},{"style":757},[1133],{"type":125,"value":760},{"type":119,"tag":145,"props":1135,"children":1136},{"style":186},[1137],{"type":125,"value":204},{"type":119,"tag":145,"props":1139,"children":1140},{"style":186},[1141],{"type":125,"value":436},{"type":119,"tag":145,"props":1143,"children":1144},{"style":757},[1145],{"type":125,"value":1146}," selector",{"type":119,"tag":145,"props":1148,"children":1149},{"style":186},[1150],{"type":125,"value":204},{"type":119,"tag":145,"props":1152,"children":1153},{"style":186},[1154],{"type":125,"value":209},{"type":119,"tag":145,"props":1156,"children":1157},{"style":212},[1158],{"type":125,"value":1159},"[data-third-party-checkout]",{"type":119,"tag":145,"props":1161,"children":1162},{"style":186},[1163],{"type":125,"value":220},{"type":119,"tag":145,"props":1165,"children":1166},{"style":186},[1167],{"type":125,"value":502},{"type":119,"tag":128,"props":1169,"children":1170},{},[1171],{"type":125,"value":1172},"A selector is useful for markup that your application does not own. Prefer a\nsemantic ID for application components because it survives CSS and DOM changes.",{"title":1174,"searchDepth":1175,"depth":1175,"links":1176},"",4,[1177,1179],{"id":832,"depth":1178,"text":835},2,{"id":1117,"depth":1178,"text":1120},"markdown","docs",{"source":1183,"path":1184,"stem":1185,"dir":1186,"extension":1187},"content","docs\u002F2.recipes\u002F3.routes-and-targets.md","docs\u002F2.recipes\u002F3.routes-and-targets","recipes","md",{"requestedPath":47,"resolvedPath":47,"alternates":1189},[],{"requested":1191,"resolved":1192,"usedFallback":9},{},{"locale":8},{"previous":1194,"next":1195},{"title":39,"id":40,"canonicalKey":41,"locale":8,"draft":9,"path":42},{"title":49,"id":50,"canonicalKey":51,"locale":8,"draft":9,"path":52},{"left":1197,"top":1197,"width":1198,"height":1199,"rotate":1197,"vFlip":9,"hFlip":9,"body":1200},0,256,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":1197,"top":1197,"width":1198,"height":1198,"rotate":1197,"vFlip":9,"hFlip":9,"body":1202},"\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":1197,"top":1197,"width":1204,"height":1204,"rotate":1197,"vFlip":9,"hFlip":9,"body":1205},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>",1788188687575]