[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"navigation_docs":3,"-docs-examples-live-examples":142,"-docs-examples-live-examples-surround":609},[4,20,45,69,85,96,126],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":19},"Global","i-tabler-box","\u002Fdocs\u002Fglobal","docs\u002F1.global",[10,14],{"title":11,"path":12,"stem":13,"icon":6},"Overview","\u002Fdocs\u002Fglobal\u002Foverview","docs\u002F1.global\u002F1.overview",{"title":15,"path":16,"stem":17,"icon":18},"Styling","\u002Fdocs\u002Fglobal\u002Fstyling","docs\u002F1.global\u002F2.styling","i-tabler-palette",false,{"title":21,"icon":22,"path":23,"stem":24,"children":25,"page":19},"Vue","i-simple-icons-vuedotjs","\u002Fdocs\u002Fvue","docs\u002F2.vue",[26,30,35,40],{"title":27,"path":28,"stem":29,"icon":22},"Quick Start","\u002Fdocs\u002Fvue\u002Fquick-start","docs\u002F2.vue\u002F1.quick-start",{"title":31,"path":32,"stem":33,"icon":34},"Toasts","\u002Fdocs\u002Fvue\u002Ftoasts","docs\u002F2.vue\u002F2.toasts","i-tabler-bell",{"title":36,"path":37,"stem":38,"icon":39},"Timers & Progress","\u002Fdocs\u002Fvue\u002Ftimers-and-progress","docs\u002F2.vue\u002F3.timers-and-progress","i-tabler-stopwatch",{"title":41,"path":42,"stem":43,"icon":44},"Buttons & Actions","\u002Fdocs\u002Fvue\u002Fbuttons-and-actions","docs\u002F2.vue\u002F4.buttons-and-actions","i-tabler-hand-click",{"title":46,"icon":47,"path":48,"stem":49,"children":50,"page":19},"Nuxt","i-simple-icons-nuxtdotjs","\u002Fdocs\u002Fnuxt","docs\u002F3.nuxt",[51,54,59,64],{"title":27,"path":52,"stem":53,"icon":47},"\u002Fdocs\u002Fnuxt\u002Fquick-start","docs\u002F3.nuxt\u002F1.quick-start",{"title":55,"path":56,"stem":57,"icon":58},"toast vs useToast","\u002Fdocs\u002Fnuxt\u002Ftoast-and-use-toast","docs\u002F3.nuxt\u002F2.toast-and-use-toast","i-tabler-braces",{"title":60,"path":61,"stem":62,"icon":63},"Module Options","\u002Fdocs\u002Fnuxt\u002Fmodule-options","docs\u002F3.nuxt\u002F3.module-options","i-tabler-adjustments-horizontal",{"title":65,"path":66,"stem":67,"icon":68},"Nuxt Notes","\u002Fdocs\u002Fnuxt\u002Fnuxt-notes","docs\u002F3.nuxt\u002F5.nuxt-notes","i-tabler-note",{"title":70,"icon":71,"path":72,"stem":73,"children":74,"page":19},"Headless","i-tabler-layout-board-split","\u002Fdocs\u002Fheadless","docs\u002F4.headless",[75,80],{"title":76,"path":77,"stem":78,"icon":79},"Core Store","\u002Fdocs\u002Fheadless\u002Fcore-store","docs\u002F4.headless\u002F1.core-store","i-tabler-automation",{"title":81,"path":82,"stem":83,"icon":84},"Headless Slot","\u002Fdocs\u002Fheadless\u002Fheadless-slot","docs\u002F4.headless\u002F2.headless-slot","i-tabler-template",{"title":86,"icon":87,"path":88,"stem":89,"children":90,"page":19},"Examples","i-tabler-layout-cards","\u002Fdocs\u002Fexamples","docs\u002F5.examples",[91],{"title":92,"path":93,"stem":94,"icon":95},"Live Examples","\u002Fdocs\u002Fexamples\u002Flive-examples","docs\u002F5.examples\u002F1.live-examples","i-tabler-player-play",{"title":97,"icon":98,"path":99,"stem":100,"children":101,"page":19},"API","i-tabler-file-code-2","\u002Fdocs\u002Fapi","docs\u002F6.api",[102,106,111,116,121],{"title":103,"path":104,"stem":105,"icon":63},"Configuration","\u002Fdocs\u002Fapi\u002Fconfiguration","docs\u002F6.api\u002F1.configuration",{"title":107,"path":108,"stem":109,"icon":110},"Actions","\u002Fdocs\u002Fapi\u002Factions","docs\u002F6.api\u002F2.actions","i-tabler-terminal",{"title":112,"path":113,"stem":114,"icon":115},"Events","\u002Fdocs\u002Fapi\u002Fevents","docs\u002F6.api\u002F3.events","i-tabler-radio",{"title":117,"path":118,"stem":119,"icon":120},"State","\u002Fdocs\u002Fapi\u002Fstate","docs\u002F6.api\u002F4.state","i-tabler-database",{"title":122,"path":123,"stem":124,"icon":125},"Runtime Exports","\u002Fdocs\u002Fapi\u002Fruntime-exports","docs\u002F6.api\u002F5.runtime-exports","i-tabler-package",{"title":127,"icon":128,"path":129,"stem":130,"children":131,"page":19},"More","i-lucide-ellipsis","\u002Fdocs\u002Fmore","docs\u002F7.more",[132,137],{"title":133,"path":134,"stem":135,"icon":136},"Troubleshooting","\u002Fdocs\u002Fmore\u002Ftroubleshooting","docs\u002F7.more\u002F1.troubleshooting","i-tabler-tool",{"title":138,"path":139,"stem":140,"icon":141},"Comparisons","\u002Fdocs\u002Fmore\u002Fcomparisons","docs\u002F7.more\u002F2.comparisons","i-tabler-scale",{"id":143,"title":92,"body":144,"description":602,"extension":603,"links":604,"meta":605,"navigation":606,"path":93,"seo":607,"stem":94,"__hash__":608},"docs\u002Fdocs\u002F5.examples\u002F1.live-examples.md",{"type":145,"value":146,"toc":598},"minimark",[147,151,157,594],[148,149,150],"p",{},"Use these examples to feel the runtime behavior before copying code into your app. They mirror the examples from the previous documentation.",[152,153,156],"callout",{"color":154,"icon":155},"primary","i-tabler-info-circle","The examples run in the browser through the Vue REPL. They use the same Toastflow store, timers, queue logic, and action handling as a real app.",[158,159,160,165,559,563],"docs-live-examples",{},[161,162,164],"h2",{"id":163},"copy-the-same-patterns","Copy the same patterns",[166,167,170,255,374],"code-tree",{":expand-all":168,"default-value":169},"true","success.ts",[171,172,177],"pre",{"className":173,"code":174,"filename":169,"language":175,"meta":176,"style":176},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","toast.success({\n  title: \"Saved\",\n  description: \"Your changes are live.\",\n});\n","ts","",[178,179,180,203,226,243],"code",{"__ignoreMap":176},[181,182,185,189,193,197,200],"span",{"class":183,"line":184},"line",1,[181,186,188],{"class":187},"sTEyZ","toast",[181,190,192],{"class":191},"sMK4o",".",[181,194,196],{"class":195},"s2Zo4","success",[181,198,199],{"class":187},"(",[181,201,202],{"class":191},"{\n",[181,204,206,210,213,216,220,223],{"class":183,"line":205},2,[181,207,209],{"class":208},"swJcz","  title",[181,211,212],{"class":191},":",[181,214,215],{"class":191}," \"",[181,217,219],{"class":218},"sfazB","Saved",[181,221,222],{"class":191},"\"",[181,224,225],{"class":191},",\n",[181,227,229,232,234,236,239,241],{"class":183,"line":228},3,[181,230,231],{"class":208},"  description",[181,233,212],{"class":191},[181,235,215],{"class":191},[181,237,238],{"class":218},"Your changes are live.",[181,240,222],{"class":191},[181,242,225],{"class":191},[181,244,246,249,252],{"class":183,"line":245},4,[181,247,248],{"class":191},"}",[181,250,251],{"class":187},")",[181,253,254],{"class":191},";\n",[171,256,259],{"className":173,"code":257,"filename":258,"language":175,"meta":176,"style":176},"await toast.loading(fetch(\"\u002Fapi\u002Fsave\"), {\n  loading: { title: \"Saving\" },\n  success: { title: \"Saved\" },\n  error: { title: \"Failed\" },\n});\n","loading.ts",[178,260,261,297,322,343,365],{"__ignoreMap":176},[181,262,263,267,270,272,275,277,280,282,284,287,289,291,294],{"class":183,"line":184},[181,264,266],{"class":265},"s7zQu","await",[181,268,269],{"class":187}," toast",[181,271,192],{"class":191},[181,273,274],{"class":195},"loading",[181,276,199],{"class":187},[181,278,279],{"class":195},"fetch",[181,281,199],{"class":187},[181,283,222],{"class":191},[181,285,286],{"class":218},"\u002Fapi\u002Fsave",[181,288,222],{"class":191},[181,290,251],{"class":187},[181,292,293],{"class":191},",",[181,295,296],{"class":191}," {\n",[181,298,299,302,304,307,310,312,314,317,319],{"class":183,"line":205},[181,300,301],{"class":208},"  loading",[181,303,212],{"class":191},[181,305,306],{"class":191}," {",[181,308,309],{"class":208}," title",[181,311,212],{"class":191},[181,313,215],{"class":191},[181,315,316],{"class":218},"Saving",[181,318,222],{"class":191},[181,320,321],{"class":191}," },\n",[181,323,324,327,329,331,333,335,337,339,341],{"class":183,"line":228},[181,325,326],{"class":208},"  success",[181,328,212],{"class":191},[181,330,306],{"class":191},[181,332,309],{"class":208},[181,334,212],{"class":191},[181,336,215],{"class":191},[181,338,219],{"class":218},[181,340,222],{"class":191},[181,342,321],{"class":191},[181,344,345,348,350,352,354,356,358,361,363],{"class":183,"line":245},[181,346,347],{"class":208},"  error",[181,349,212],{"class":191},[181,351,306],{"class":191},[181,353,309],{"class":208},[181,355,212],{"class":191},[181,357,215],{"class":191},[181,359,360],{"class":218},"Failed",[181,362,222],{"class":191},[181,364,321],{"class":191},[181,366,368,370,372],{"class":183,"line":367},5,[181,369,248],{"class":191},[181,371,251],{"class":187},[181,373,254],{"class":191},[171,375,378],{"className":173,"code":376,"filename":377,"language":175,"meta":176,"style":176},"toast.info({\n  title: \"File archived\",\n  buttons: {\n    alignment: \"bottom-right\",\n    buttons: [\n      {\n        label: \"Undo\",\n        dismissAfterClick: true,\n        onClick() {\n          toast.success({ title: \"Restored\" });\n        },\n      },\n    ],\n  },\n});\n","action.ts",[178,379,380,393,408,417,433,443,449,466,480,491,524,530,536,544,550],{"__ignoreMap":176},[181,381,382,384,386,389,391],{"class":183,"line":184},[181,383,188],{"class":187},[181,385,192],{"class":191},[181,387,388],{"class":195},"info",[181,390,199],{"class":187},[181,392,202],{"class":191},[181,394,395,397,399,401,404,406],{"class":183,"line":205},[181,396,209],{"class":208},[181,398,212],{"class":191},[181,400,215],{"class":191},[181,402,403],{"class":218},"File archived",[181,405,222],{"class":191},[181,407,225],{"class":191},[181,409,410,413,415],{"class":183,"line":228},[181,411,412],{"class":208},"  buttons",[181,414,212],{"class":191},[181,416,296],{"class":191},[181,418,419,422,424,426,429,431],{"class":183,"line":245},[181,420,421],{"class":208},"    alignment",[181,423,212],{"class":191},[181,425,215],{"class":191},[181,427,428],{"class":218},"bottom-right",[181,430,222],{"class":191},[181,432,225],{"class":191},[181,434,435,438,440],{"class":183,"line":367},[181,436,437],{"class":208},"    buttons",[181,439,212],{"class":191},[181,441,442],{"class":187}," [\n",[181,444,446],{"class":183,"line":445},6,[181,447,448],{"class":191},"      {\n",[181,450,452,455,457,459,462,464],{"class":183,"line":451},7,[181,453,454],{"class":208},"        label",[181,456,212],{"class":191},[181,458,215],{"class":191},[181,460,461],{"class":218},"Undo",[181,463,222],{"class":191},[181,465,225],{"class":191},[181,467,469,472,474,478],{"class":183,"line":468},8,[181,470,471],{"class":208},"        dismissAfterClick",[181,473,212],{"class":191},[181,475,477],{"class":476},"sfNiH"," true",[181,479,225],{"class":191},[181,481,483,486,489],{"class":183,"line":482},9,[181,484,485],{"class":208},"        onClick",[181,487,488],{"class":191},"()",[181,490,296],{"class":191},[181,492,494,497,499,501,503,506,508,510,512,515,517,520,522],{"class":183,"line":493},10,[181,495,496],{"class":187},"          toast",[181,498,192],{"class":191},[181,500,196],{"class":195},[181,502,199],{"class":208},[181,504,505],{"class":191},"{",[181,507,309],{"class":208},[181,509,212],{"class":191},[181,511,215],{"class":191},[181,513,514],{"class":218},"Restored",[181,516,222],{"class":191},[181,518,519],{"class":191}," }",[181,521,251],{"class":208},[181,523,254],{"class":191},[181,525,527],{"class":183,"line":526},11,[181,528,529],{"class":191},"        },\n",[181,531,533],{"class":183,"line":532},12,[181,534,535],{"class":191},"      },\n",[181,537,539,542],{"class":183,"line":538},13,[181,540,541],{"class":187},"    ]",[181,543,225],{"class":191},[181,545,547],{"class":183,"line":546},14,[181,548,549],{"class":191},"  },\n",[181,551,553,555,557],{"class":183,"line":552},15,[181,554,248],{"class":191},[181,556,251],{"class":187},[181,558,254],{"class":191},[161,560,562],{"id":561},"where-to-use-them","Where to use them",[564,565,566,578,587],"card-group",{},[567,568,569,570,573,574,577],"card",{"icon":22,"title":21,"to":28},"Use the same ",[178,571,572],{},"toast.*"," helpers after ",[178,575,576],{},"createToastflow()"," is installed.",[567,579,580,581,583,584,192],{"icon":47,"title":46,"to":56},"Use the auto-imported ",[178,582,188],{}," or grab the same API with ",[178,585,586],{},"useToast()",[567,588,589,590,593],{"icon":79,"title":70,"to":77},"Use ",[178,591,592],{},"toastflow-core"," when you want the behavior without Toastflow's Vue UI.",[595,596,597],"style",{},"html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":176,"searchDepth":205,"depth":205,"links":599},[600,601],{"id":163,"depth":205,"text":164},{"id":561,"depth":205,"text":562},"Trigger real Toastflow notifications from the docs.","md",null,{},{"icon":95},{"title":92,"description":602},"szCdpnsA_vfgtVUhXskggUcM496VQeNo44NXi938UAc",[610,612],{"title":81,"path":82,"stem":83,"description":611,"icon":84,"children":-1},"Keep the Toastflow store and replace the toast card markup with your own Vue or Nuxt template.",{"title":103,"path":104,"stem":105,"description":613,"icon":63,"children":-1},"Global defaults, per-toast overrides, and the resolution order."]