[{"data":1,"prerenderedAt":734},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:Ny5ycPUOgQaF_HJMUKBEEpIeeofk9BaoClhUPU16V3s":113,"content-page-surround:docs:Ny5ycPUOgQaF_HJMUKBEEpIeeofk9BaoClhUPU16V3s":721,"i-logos:vue":724,"i-lucide:clipboard":729,"i-lucide:braces":732},[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":23,"description":114,"body":115,"type":708,"id":24,"canonicalKey":25,"draft":9,"partial":9,"locale":8,"collection":709,"navigationFile":9,"file":710,"route":716,"resolution":718},"Theme the default card or replace its content without losing accessibility.",{"type":116,"children":117,"toc":701},"root",[118,126,161,168,173,394,427,433,684],{"type":119,"tag":120,"props":121,"children":123},"element","h1",{"id":122},"customize-the-tour",[124],{"type":125,"value":23},"text",{"type":119,"tag":127,"props":128,"children":129},"p",{},[130,132,138,140,145,147,152,154,159],{"type":125,"value":131},"The default theme is intentionally useful without configuration. It follows the\nsystem color scheme and recognizes ",{"type":119,"tag":133,"props":134,"children":135},"code",{},[136],{"type":125,"value":137},".light",{"type":125,"value":139},", ",{"type":119,"tag":133,"props":141,"children":142},{},[143],{"type":125,"value":144},".dark",{"type":125,"value":146},",\n",{"type":119,"tag":133,"props":148,"children":149},{},[150],{"type":125,"value":151},"[data-theme=\"light\"]",{"type":125,"value":153},", and ",{"type":119,"tag":133,"props":155,"children":156},{},[157],{"type":125,"value":158},"[data-theme=\"dark\"]",{"type":125,"value":160},".",{"type":119,"tag":162,"props":163,"children":165},"h2",{"id":164},"theme-variables",[166],{"type":125,"value":167},"Theme variables",{"type":119,"tag":127,"props":169,"children":170},{},[171],{"type":125,"value":172},"Override variables on the tour root from application CSS:",{"type":119,"tag":174,"props":175,"children":178},"pre",{"language":176,"class":177},"css","shiki shiki-themes material-theme-lighter material-theme-palenight dark:material-theme-palenight",[179],{"type":119,"tag":133,"props":180,"children":182},{"class":181},"language-css",[183,230,232,261,262,287,288,310,311,363,364,385,386],{"type":119,"tag":184,"props":185,"children":188},"span",{"class":186,"style":187},"line","display: inline",[189,195,201,206,211,216,220,225],{"type":119,"tag":184,"props":190,"children":192},{"style":191},"color:#39ADB5;--shiki-dark:#89DDFF",[193],{"type":125,"value":194},"[",{"type":119,"tag":184,"props":196,"children":198},{"style":197},"color:#9C3EDA;--shiki-dark:#C792EA",[199],{"type":125,"value":200},"data-tour-part",{"type":119,"tag":184,"props":202,"children":203},{"style":191},[204],{"type":125,"value":205},"=",{"type":119,"tag":184,"props":207,"children":208},{"style":191},[209],{"type":125,"value":210},"'",{"type":119,"tag":184,"props":212,"children":214},{"style":213},"color:#91B859;--shiki-dark:#C3E88D",[215],{"type":125,"value":116},{"type":119,"tag":184,"props":217,"children":218},{"style":191},[219],{"type":125,"value":210},{"type":119,"tag":184,"props":221,"children":222},{"style":191},[223],{"type":125,"value":224},"]",{"type":119,"tag":184,"props":226,"children":227},{"style":191},[228],{"type":125,"value":229}," {",{"type":125,"value":231},"\n",{"type":119,"tag":184,"props":233,"children":234},{"class":186,"style":187},[235,241,246,251,256],{"type":119,"tag":184,"props":236,"children":238},{"style":237},"color:#90A4AE;--shiki-dark:#BABED8",[239],{"type":125,"value":240},"  --tour-accent",{"type":119,"tag":184,"props":242,"children":243},{"style":191},[244],{"type":125,"value":245},":",{"type":119,"tag":184,"props":247,"children":248},{"style":191},[249],{"type":125,"value":250}," #",{"type":119,"tag":184,"props":252,"children":253},{"style":237},[254],{"type":125,"value":255},"0f766e",{"type":119,"tag":184,"props":257,"children":258},{"style":191},[259],{"type":125,"value":260},";",{"type":125,"value":231},{"type":119,"tag":184,"props":263,"children":264},{"class":186,"style":187},[265,270,274,278,283],{"type":119,"tag":184,"props":266,"children":267},{"style":237},[268],{"type":125,"value":269},"  --tour-accent-hover",{"type":119,"tag":184,"props":271,"children":272},{"style":191},[273],{"type":125,"value":245},{"type":119,"tag":184,"props":275,"children":276},{"style":191},[277],{"type":125,"value":250},{"type":119,"tag":184,"props":279,"children":280},{"style":237},[281],{"type":125,"value":282},"115e59",{"type":119,"tag":184,"props":284,"children":285},{"style":191},[286],{"type":125,"value":260},{"type":125,"value":231},{"type":119,"tag":184,"props":289,"children":290},{"class":186,"style":187},[291,296,300,306],{"type":119,"tag":184,"props":292,"children":293},{"style":237},[294],{"type":125,"value":295},"  --tour-card-radius",{"type":119,"tag":184,"props":297,"children":298},{"style":191},[299],{"type":125,"value":245},{"type":119,"tag":184,"props":301,"children":303},{"style":302},"color:#F76D47;--shiki-dark:#F78C6C",[304],{"type":125,"value":305}," 1rem",{"type":119,"tag":184,"props":307,"children":308},{"style":191},[309],{"type":125,"value":260},{"type":125,"value":231},{"type":119,"tag":184,"props":312,"children":313},{"class":186,"style":187},[314,319,323,329,334,338,343,348,353,358],{"type":119,"tag":184,"props":315,"children":316},{"style":237},[317],{"type":125,"value":318},"  --tour-overlay-color",{"type":119,"tag":184,"props":320,"children":321},{"style":191},[322],{"type":125,"value":245},{"type":119,"tag":184,"props":324,"children":326},{"style":325},"color:#6182B8;--shiki-dark:#82AAFF",[327],{"type":125,"value":328}," rgb",{"type":119,"tag":184,"props":330,"children":331},{"style":191},[332],{"type":125,"value":333},"(",{"type":119,"tag":184,"props":335,"children":336},{"style":302},[337],{"type":125,"value":35},{"type":119,"tag":184,"props":339,"children":340},{"style":302},[341],{"type":125,"value":342}," 6",{"type":119,"tag":184,"props":344,"children":345},{"style":302},[346],{"type":125,"value":347}," 23",{"type":119,"tag":184,"props":349,"children":350},{"style":237},[351],{"type":125,"value":352}," \u002F ",{"type":119,"tag":184,"props":354,"children":355},{"style":302},[356],{"type":125,"value":357},"64%",{"type":119,"tag":184,"props":359,"children":360},{"style":191},[361],{"type":125,"value":362},");",{"type":125,"value":231},{"type":119,"tag":184,"props":365,"children":366},{"class":186,"style":187},[367,372,376,381],{"type":119,"tag":184,"props":368,"children":369},{"style":237},[370],{"type":125,"value":371},"  --tour-spotlight-padding",{"type":119,"tag":184,"props":373,"children":374},{"style":191},[375],{"type":125,"value":245},{"type":119,"tag":184,"props":377,"children":378},{"style":302},[379],{"type":125,"value":380}," 10px",{"type":119,"tag":184,"props":382,"children":383},{"style":191},[384],{"type":125,"value":260},{"type":125,"value":231},{"type":119,"tag":184,"props":387,"children":388},{"class":186,"style":187},[389],{"type":119,"tag":184,"props":390,"children":391},{"style":191},[392],{"type":125,"value":393},"}",{"type":119,"tag":127,"props":395,"children":396},{},[397,399,404,406,411,413,418,420,425],{"type":125,"value":398},"Import ",{"type":119,"tag":133,"props":400,"children":401},{},[402],{"type":125,"value":403},"structure.css",{"type":125,"value":405}," instead of ",{"type":119,"tag":133,"props":407,"children":408},{},[409],{"type":125,"value":410},"style.css",{"type":125,"value":412}," when your design system owns all\nvisual rules. Set ",{"type":119,"tag":133,"props":414,"children":415},{},[416],{"type":125,"value":417},"nuxtTour.css",{"type":125,"value":419}," to ",{"type":119,"tag":133,"props":421,"children":422},{},[423],{"type":125,"value":424},"false",{"type":125,"value":426}," when application CSS imports an\nentry itself.",{"type":119,"tag":162,"props":428,"children":430},{"id":429},"replace-card-content",[431],{"type":125,"value":432},"Replace card content",{"type":119,"tag":174,"props":434,"children":436},{"language":435,"class":177},"vue",[437],{"type":119,"tag":133,"props":438,"children":440},{"class":439},"language-vue",[441,488,489,531,532,548,549,552,553,569,570,578,579,587,588,596,597,605,606,614,615,623,624,632,633,641,642,650,651,659,660,668,669],{"type":119,"tag":184,"props":442,"children":443},{"class":186,"style":187},[444,449,455,460,465,469,474,479,483],{"type":119,"tag":184,"props":445,"children":446},{"style":191},[447],{"type":125,"value":448},"\u003C",{"type":119,"tag":184,"props":450,"children":452},{"style":451},"color:#E53935;--shiki-dark:#F07178",[453],{"type":125,"value":454},"script",{"type":119,"tag":184,"props":456,"children":457},{"style":197},[458],{"type":125,"value":459}," setup",{"type":119,"tag":184,"props":461,"children":462},{"style":197},[463],{"type":125,"value":464}," lang",{"type":119,"tag":184,"props":466,"children":467},{"style":191},[468],{"type":125,"value":205},{"type":119,"tag":184,"props":470,"children":471},{"style":191},[472],{"type":125,"value":473},"\"",{"type":119,"tag":184,"props":475,"children":476},{"style":213},[477],{"type":125,"value":478},"ts",{"type":119,"tag":184,"props":480,"children":481},{"style":191},[482],{"type":125,"value":473},{"type":119,"tag":184,"props":484,"children":485},{"style":191},[486],{"type":125,"value":487},">",{"type":125,"value":231},{"type":119,"tag":184,"props":490,"children":491},{"class":186,"style":187},[492,498,502,507,512,517,522,527],{"type":119,"tag":184,"props":493,"children":495},{"style":494},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[496],{"type":125,"value":497},"import",{"type":119,"tag":184,"props":499,"children":500},{"style":191},[501],{"type":125,"value":229},{"type":119,"tag":184,"props":503,"children":504},{"style":237},[505],{"type":125,"value":506}," TourContent",{"type":119,"tag":184,"props":508,"children":509},{"style":191},[510],{"type":125,"value":511}," }",{"type":119,"tag":184,"props":513,"children":514},{"style":494},[515],{"type":125,"value":516}," from",{"type":119,"tag":184,"props":518,"children":519},{"style":191},[520],{"type":125,"value":521}," '",{"type":119,"tag":184,"props":523,"children":524},{"style":213},[525],{"type":125,"value":526},"@lupinum\u002Fnuxt-tour\u002Fvue",{"type":119,"tag":184,"props":528,"children":529},{"style":191},[530],{"type":125,"value":210},{"type":125,"value":231},{"type":119,"tag":184,"props":533,"children":534},{"class":186,"style":187},[535,540,544],{"type":119,"tag":184,"props":536,"children":537},{"style":191},[538],{"type":125,"value":539},"\u003C\u002F",{"type":119,"tag":184,"props":541,"children":542},{"style":451},[543],{"type":125,"value":454},{"type":119,"tag":184,"props":545,"children":546},{"style":191},[547],{"type":125,"value":487},{"type":125,"value":231},{"type":119,"tag":184,"props":550,"children":551},{"class":186,"style":187},[],{"type":125,"value":231},{"type":119,"tag":184,"props":554,"children":555},{"class":186,"style":187},[556,560,565],{"type":119,"tag":184,"props":557,"children":558},{"style":191},[559],{"type":125,"value":448},{"type":119,"tag":184,"props":561,"children":562},{"style":451},[563],{"type":125,"value":564},"TourHost",{"type":119,"tag":184,"props":566,"children":567},{"style":191},[568],{"type":125,"value":487},{"type":125,"value":231},{"type":119,"tag":184,"props":571,"children":572},{"class":186,"style":187},[573],{"type":119,"tag":184,"props":574,"children":575},{"style":237},[576],{"type":125,"value":577},"  \u003Ctemplate #card=\"{ step, controller, titleId, descriptionId, pending }\">",{"type":125,"value":231},{"type":119,"tag":184,"props":580,"children":581},{"class":186,"style":187},[582],{"type":119,"tag":184,"props":583,"children":584},{"style":237},[585],{"type":125,"value":586},"    \u003Ch2 :id=\"titleId\">",{"type":125,"value":231},{"type":119,"tag":184,"props":589,"children":590},{"class":186,"style":187},[591],{"type":119,"tag":184,"props":592,"children":593},{"style":237},[594],{"type":125,"value":595},"      {{ step.title }}",{"type":125,"value":231},{"type":119,"tag":184,"props":598,"children":599},{"class":186,"style":187},[600],{"type":119,"tag":184,"props":601,"children":602},{"style":237},[603],{"type":125,"value":604},"    \u003C\u002Fh2>",{"type":125,"value":231},{"type":119,"tag":184,"props":607,"children":608},{"class":186,"style":187},[609],{"type":119,"tag":184,"props":610,"children":611},{"style":237},[612],{"type":125,"value":613},"    \u003Cdiv :id=\"descriptionId\">",{"type":125,"value":231},{"type":119,"tag":184,"props":616,"children":617},{"class":186,"style":187},[618],{"type":119,"tag":184,"props":619,"children":620},{"style":237},[621],{"type":125,"value":622},"      \u003CTourContent :step=\"step\" \u002F>",{"type":125,"value":231},{"type":119,"tag":184,"props":625,"children":626},{"class":186,"style":187},[627],{"type":119,"tag":184,"props":628,"children":629},{"style":237},[630],{"type":125,"value":631},"    \u003C\u002Fdiv>",{"type":125,"value":231},{"type":119,"tag":184,"props":634,"children":635},{"class":186,"style":187},[636],{"type":119,"tag":184,"props":637,"children":638},{"style":237},[639],{"type":125,"value":640},"    \u003Cbutton :disabled=\"pending\" @click=\"controller.next()\">",{"type":125,"value":231},{"type":119,"tag":184,"props":643,"children":644},{"class":186,"style":187},[645],{"type":119,"tag":184,"props":646,"children":647},{"style":237},[648],{"type":125,"value":649},"      Continue",{"type":125,"value":231},{"type":119,"tag":184,"props":652,"children":653},{"class":186,"style":187},[654],{"type":119,"tag":184,"props":655,"children":656},{"style":237},[657],{"type":125,"value":658},"    \u003C\u002Fbutton>",{"type":125,"value":231},{"type":119,"tag":184,"props":661,"children":662},{"class":186,"style":187},[663],{"type":119,"tag":184,"props":664,"children":665},{"style":237},[666],{"type":125,"value":667},"  \u003C\u002Ftemplate>",{"type":125,"value":231},{"type":119,"tag":184,"props":670,"children":671},{"class":186,"style":187},[672,676,680],{"type":119,"tag":184,"props":673,"children":674},{"style":191},[675],{"type":125,"value":539},{"type":119,"tag":184,"props":677,"children":678},{"style":451},[679],{"type":125,"value":564},{"type":119,"tag":184,"props":681,"children":682},{"style":191},[683],{"type":125,"value":487},{"type":119,"tag":127,"props":685,"children":686},{},[687,688,693,695,699],{"type":125,"value":398},{"type":119,"tag":133,"props":689,"children":690},{},[691],{"type":125,"value":692},"TourContent",{"type":125,"value":694}," from ",{"type":119,"tag":133,"props":696,"children":697},{},[698],{"type":125,"value":526},{"type":125,"value":700},". The host keeps ownership of\nthe dialog wrapper, name fallback, focus scope, Escape, positioning, and\ncleanup. Use the supplied IDs so custom content remains correctly described.",{"title":702,"searchDepth":703,"depth":703,"links":704},"",4,[705,707],{"id":164,"depth":706,"text":167},2,{"id":429,"depth":706,"text":432},"markdown","docs",{"source":711,"path":712,"stem":713,"dir":714,"extension":715},"content","docs\u002F1.getting-started\u002F4.customization.md","docs\u002F1.getting-started\u002F4.customization","getting-started","md",{"requestedPath":26,"resolvedPath":26,"alternates":717},[],{"requested":719,"resolved":720,"usedFallback":9},{},{"locale":8},{"previous":722,"next":723},{"title":18,"id":19,"canonicalKey":20,"locale":8,"draft":9,"path":21},{"title":28,"id":29,"canonicalKey":30,"locale":8,"draft":9,"path":31},{"left":725,"top":725,"width":726,"height":727,"rotate":725,"vFlip":9,"hFlip":9,"body":728},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":725,"top":725,"width":730,"height":730,"rotate":725,"vFlip":9,"hFlip":9,"body":731},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>",{"left":725,"top":725,"width":730,"height":730,"rotate":725,"vFlip":9,"hFlip":9,"body":733},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2a2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1m8 0h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1\"\u002F>",1788188686809]