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