[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"navigation_docs":3,"-docs-vue-quick-start":142,"-docs-vue-quick-start-surround":1360},[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":144,"body":145,"description":1352,"extension":1353,"links":1354,"meta":1355,"navigation":1356,"path":28,"seo":1357,"sitemap":1358,"stem":29,"__hash__":1359},"docs\u002Fdocs\u002F2.vue\u002F1.quick-start.md","Vue Quick Start",{"type":146,"value":147,"toc":1344},"minimark",[148,153,162,570,583,588,1303,1307,1340],[149,150],"docs-npm-badges",{"packages":151,":downloads":152},"vue-toastflow:43b883","true",[154,155,156,157,161],"p",{},"Use ",[158,159,160],"code",{},"vue-toastflow"," when you have a normal Vue app entry file.",[163,164,165,170,227,231,364,368,477,481],"steps",{},[166,167,169],"h3",{"id":168},"install","Install",[171,172,173,198,213],"code-group",{},[174,175,181],"pre",{"className":176,"code":177,"filename":178,"language":179,"meta":180,"style":180},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add vue-toastflow\n","pnpm","bash","",[158,182,183],{"__ignoreMap":180},[184,185,188,191,195],"span",{"class":186,"line":187},"line",1,[184,189,178],{"class":190},"sBMFI",[184,192,194],{"class":193},"sfazB"," add",[184,196,197],{"class":193}," vue-toastflow\n",[174,199,202],{"className":176,"code":200,"filename":201,"language":179,"meta":180,"style":180},"npm install vue-toastflow\n","npm",[158,203,204],{"__ignoreMap":180},[184,205,206,208,211],{"class":186,"line":187},[184,207,201],{"class":190},[184,209,210],{"class":193}," install",[184,212,197],{"class":193},[174,214,217],{"className":176,"code":215,"filename":216,"language":179,"meta":180,"style":180},"yarn add vue-toastflow\n","yarn",[158,218,219],{"__ignoreMap":180},[184,220,221,223,225],{"class":186,"line":187},[184,222,216],{"class":190},[184,224,194],{"class":193},[184,226,197],{"class":193},[166,228,230],{"id":229},"register-the-plugin","Register the plugin",[174,232,237],{"className":233,"code":234,"filename":235,"language":236,"meta":180,"style":180},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { createApp } from \"vue\";\nimport App from \".\u002FApp.vue\";\nimport { createToastflow } from \"vue-toastflow\";\n\ncreateApp(App).use(createToastflow()).mount(\"#app\");\n","main.ts","ts",[158,238,239,271,291,313,320],{"__ignoreMap":180},[184,240,241,245,249,253,256,259,262,265,268],{"class":186,"line":187},[184,242,244],{"class":243},"s7zQu","import",[184,246,248],{"class":247},"sMK4o"," {",[184,250,252],{"class":251},"sTEyZ"," createApp",[184,254,255],{"class":247}," }",[184,257,258],{"class":243}," from",[184,260,261],{"class":247}," \"",[184,263,264],{"class":193},"vue",[184,266,267],{"class":247},"\"",[184,269,270],{"class":247},";\n",[184,272,274,276,279,282,284,287,289],{"class":186,"line":273},2,[184,275,244],{"class":243},[184,277,278],{"class":251}," App ",[184,280,281],{"class":243},"from",[184,283,261],{"class":247},[184,285,286],{"class":193},".\u002FApp.vue",[184,288,267],{"class":247},[184,290,270],{"class":247},[184,292,294,296,298,301,303,305,307,309,311],{"class":186,"line":293},3,[184,295,244],{"class":243},[184,297,248],{"class":247},[184,299,300],{"class":251}," createToastflow",[184,302,255],{"class":247},[184,304,258],{"class":243},[184,306,261],{"class":247},[184,308,160],{"class":193},[184,310,267],{"class":247},[184,312,270],{"class":247},[184,314,316],{"class":186,"line":315},4,[184,317,319],{"emptyLinePlaceholder":318},true,"\n",[184,321,323,327,330,333,336,339,342,345,347,350,352,354,357,359,362],{"class":186,"line":322},5,[184,324,326],{"class":325},"s2Zo4","createApp",[184,328,329],{"class":251},"(App)",[184,331,332],{"class":247},".",[184,334,335],{"class":325},"use",[184,337,338],{"class":251},"(",[184,340,341],{"class":325},"createToastflow",[184,343,344],{"class":251},"())",[184,346,332],{"class":247},[184,348,349],{"class":325},"mount",[184,351,338],{"class":251},[184,353,267],{"class":247},[184,355,356],{"class":193},"#app",[184,358,267],{"class":247},[184,360,361],{"class":251},")",[184,363,270],{"class":247},[166,365,367],{"id":366},"render-one-container","Render one container",[174,369,373],{"className":370,"code":371,"filename":372,"language":264,"meta":180,"style":180},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ToastContainer } from \"vue-toastflow\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CToastContainer \u002F>\n  \u003CRouterView \u002F>\n\u003C\u002Ftemplate>\n","App.vue",[158,374,375,403,424,433,437,446,458,468],{"__ignoreMap":180},[184,376,377,380,384,388,391,394,396,398,400],{"class":186,"line":187},[184,378,379],{"class":247},"\u003C",[184,381,383],{"class":382},"swJcz","script",[184,385,387],{"class":386},"spNyl"," setup",[184,389,390],{"class":386}," lang",[184,392,393],{"class":247},"=",[184,395,267],{"class":247},[184,397,236],{"class":193},[184,399,267],{"class":247},[184,401,402],{"class":247},">\n",[184,404,405,407,409,412,414,416,418,420,422],{"class":186,"line":273},[184,406,244],{"class":243},[184,408,248],{"class":247},[184,410,411],{"class":251}," ToastContainer",[184,413,255],{"class":247},[184,415,258],{"class":243},[184,417,261],{"class":247},[184,419,160],{"class":193},[184,421,267],{"class":247},[184,423,270],{"class":247},[184,425,426,429,431],{"class":186,"line":293},[184,427,428],{"class":247},"\u003C\u002F",[184,430,383],{"class":382},[184,432,402],{"class":247},[184,434,435],{"class":186,"line":315},[184,436,319],{"emptyLinePlaceholder":318},[184,438,439,441,444],{"class":186,"line":322},[184,440,379],{"class":247},[184,442,443],{"class":382},"template",[184,445,402],{"class":247},[184,447,449,452,455],{"class":186,"line":448},6,[184,450,451],{"class":247},"  \u003C",[184,453,454],{"class":382},"ToastContainer",[184,456,457],{"class":247}," \u002F>\n",[184,459,461,463,466],{"class":186,"line":460},7,[184,462,451],{"class":247},[184,464,465],{"class":382},"RouterView",[184,467,457],{"class":247},[184,469,471,473,475],{"class":186,"line":470},8,[184,472,428],{"class":247},[184,474,443],{"class":382},[184,476,402],{"class":247},[166,478,480],{"id":479},"fire-a-toast","Fire a toast",[174,482,485],{"className":233,"code":483,"filename":484,"language":236,"meta":180,"style":180},"import { toast } from \"vue-toastflow\";\n\ntoast.success({\n  title: \"Saved\",\n  description: \"Your changes are live.\",\n});\n","save.ts",[158,486,487,508,512,527,545,561],{"__ignoreMap":180},[184,488,489,491,493,496,498,500,502,504,506],{"class":186,"line":187},[184,490,244],{"class":243},[184,492,248],{"class":247},[184,494,495],{"class":251}," toast",[184,497,255],{"class":247},[184,499,258],{"class":243},[184,501,261],{"class":247},[184,503,160],{"class":193},[184,505,267],{"class":247},[184,507,270],{"class":247},[184,509,510],{"class":186,"line":273},[184,511,319],{"emptyLinePlaceholder":318},[184,513,514,517,519,522,524],{"class":186,"line":293},[184,515,516],{"class":251},"toast",[184,518,332],{"class":247},[184,520,521],{"class":325},"success",[184,523,338],{"class":251},[184,525,526],{"class":247},"{\n",[184,528,529,532,535,537,540,542],{"class":186,"line":315},[184,530,531],{"class":382},"  title",[184,533,534],{"class":247},":",[184,536,261],{"class":247},[184,538,539],{"class":193},"Saved",[184,541,267],{"class":247},[184,543,544],{"class":247},",\n",[184,546,547,550,552,554,557,559],{"class":186,"line":322},[184,548,549],{"class":382},"  description",[184,551,534],{"class":247},[184,553,261],{"class":247},[184,555,556],{"class":193},"Your changes are live.",[184,558,267],{"class":247},[184,560,544],{"class":247},[184,562,563,566,568],{"class":186,"line":448},[184,564,565],{"class":247},"}",[184,567,361],{"class":251},[184,569,270],{"class":247},[571,572,575,578,579,582],"callout",{"color":573,"icon":574},"warning","i-tabler-alert-circle",[158,576,577],{},"toast.*"," needs the plugin-created store. Install ",[158,580,581],{},"createToastflow()"," before calling toasts from stores, services, or composables.",[584,585,587],"h2",{"id":586},"minimal-file-tree","Minimal File Tree",[589,590,592,688,798,1144],"code-tree",{":expand-all":152,"default-value":591},"src\u002Fmain.ts",[174,593,594],{"className":233,"code":234,"filename":591,"language":236,"meta":180,"style":180},[158,595,596,616,632,652,656],{"__ignoreMap":180},[184,597,598,600,602,604,606,608,610,612,614],{"class":186,"line":187},[184,599,244],{"class":243},[184,601,248],{"class":247},[184,603,252],{"class":251},[184,605,255],{"class":247},[184,607,258],{"class":243},[184,609,261],{"class":247},[184,611,264],{"class":193},[184,613,267],{"class":247},[184,615,270],{"class":247},[184,617,618,620,622,624,626,628,630],{"class":186,"line":273},[184,619,244],{"class":243},[184,621,278],{"class":251},[184,623,281],{"class":243},[184,625,261],{"class":247},[184,627,286],{"class":193},[184,629,267],{"class":247},[184,631,270],{"class":247},[184,633,634,636,638,640,642,644,646,648,650],{"class":186,"line":293},[184,635,244],{"class":243},[184,637,248],{"class":247},[184,639,300],{"class":251},[184,641,255],{"class":247},[184,643,258],{"class":243},[184,645,261],{"class":247},[184,647,160],{"class":193},[184,649,267],{"class":247},[184,651,270],{"class":247},[184,653,654],{"class":186,"line":315},[184,655,319],{"emptyLinePlaceholder":318},[184,657,658,660,662,664,666,668,670,672,674,676,678,680,682,684,686],{"class":186,"line":322},[184,659,326],{"class":325},[184,661,329],{"class":251},[184,663,332],{"class":247},[184,665,335],{"class":325},[184,667,338],{"class":251},[184,669,341],{"class":325},[184,671,344],{"class":251},[184,673,332],{"class":247},[184,675,349],{"class":325},[184,677,338],{"class":251},[184,679,267],{"class":247},[184,681,356],{"class":193},[184,683,267],{"class":247},[184,685,361],{"class":251},[184,687,270],{"class":247},[174,689,692],{"className":370,"code":690,"filename":691,"language":264,"meta":180,"style":180},"\u003Cscript setup lang=\"ts\">\nimport { ToastContainer } from \"vue-toastflow\";\nimport ProfileForm from \".\u002Fcomponents\u002FProfileForm.vue\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CToastContainer \u002F>\n  \u003CProfileForm \u002F>\n\u003C\u002Ftemplate>\n","src\u002FApp.vue",[158,693,694,714,734,752,760,764,772,780,789],{"__ignoreMap":180},[184,695,696,698,700,702,704,706,708,710,712],{"class":186,"line":187},[184,697,379],{"class":247},[184,699,383],{"class":382},[184,701,387],{"class":386},[184,703,390],{"class":386},[184,705,393],{"class":247},[184,707,267],{"class":247},[184,709,236],{"class":193},[184,711,267],{"class":247},[184,713,402],{"class":247},[184,715,716,718,720,722,724,726,728,730,732],{"class":186,"line":273},[184,717,244],{"class":243},[184,719,248],{"class":247},[184,721,411],{"class":251},[184,723,255],{"class":247},[184,725,258],{"class":243},[184,727,261],{"class":247},[184,729,160],{"class":193},[184,731,267],{"class":247},[184,733,270],{"class":247},[184,735,736,738,741,743,745,748,750],{"class":186,"line":293},[184,737,244],{"class":243},[184,739,740],{"class":251}," ProfileForm ",[184,742,281],{"class":243},[184,744,261],{"class":247},[184,746,747],{"class":193},".\u002Fcomponents\u002FProfileForm.vue",[184,749,267],{"class":247},[184,751,270],{"class":247},[184,753,754,756,758],{"class":186,"line":315},[184,755,428],{"class":247},[184,757,383],{"class":382},[184,759,402],{"class":247},[184,761,762],{"class":186,"line":322},[184,763,319],{"emptyLinePlaceholder":318},[184,765,766,768,770],{"class":186,"line":448},[184,767,379],{"class":247},[184,769,443],{"class":382},[184,771,402],{"class":247},[184,773,774,776,778],{"class":186,"line":460},[184,775,451],{"class":247},[184,777,454],{"class":382},[184,779,457],{"class":247},[184,781,782,784,787],{"class":186,"line":470},[184,783,451],{"class":247},[184,785,786],{"class":382},"ProfileForm",[184,788,457],{"class":247},[184,790,792,794,796],{"class":186,"line":791},9,[184,793,428],{"class":247},[184,795,443],{"class":382},[184,797,402],{"class":247},[174,799,802],{"className":370,"code":800,"filename":801,"language":264,"meta":180,"style":180},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { saveProfile } from \"..\u002Ffeatures\u002Fsave\";\n\nconst isSaving = ref(false);\n\nasync function onSubmit() {\n  if (isSaving.value) {\n    return;\n  }\n\n  isSaving.value = true;\n  try {\n    await saveProfile();\n  } finally {\n    isSaving.value = false;\n  }\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cform @submit.prevent=\"onSubmit\">\n    \u003Cbutton type=\"submit\" :disabled=\"isSaving\">\n      {{ isSaving ? \"Saving...\" : \"Save profile\" }}\n    \u003C\u002Fbutton>\n  \u003C\u002Fform>\n\u003C\u002Ftemplate>\n","src\u002Fcomponents\u002FProfileForm.vue",[158,803,804,824,845,867,871,893,897,914,935,942,948,953,971,979,991,1002,1019,1024,1030,1039,1044,1053,1075,1109,1115,1125,1135],{"__ignoreMap":180},[184,805,806,808,810,812,814,816,818,820,822],{"class":186,"line":187},[184,807,379],{"class":247},[184,809,383],{"class":382},[184,811,387],{"class":386},[184,813,390],{"class":386},[184,815,393],{"class":247},[184,817,267],{"class":247},[184,819,236],{"class":193},[184,821,267],{"class":247},[184,823,402],{"class":247},[184,825,826,828,830,833,835,837,839,841,843],{"class":186,"line":273},[184,827,244],{"class":243},[184,829,248],{"class":247},[184,831,832],{"class":251}," ref",[184,834,255],{"class":247},[184,836,258],{"class":243},[184,838,261],{"class":247},[184,840,264],{"class":193},[184,842,267],{"class":247},[184,844,270],{"class":247},[184,846,847,849,851,854,856,858,860,863,865],{"class":186,"line":293},[184,848,244],{"class":243},[184,850,248],{"class":247},[184,852,853],{"class":251}," saveProfile",[184,855,255],{"class":247},[184,857,258],{"class":243},[184,859,261],{"class":247},[184,861,862],{"class":193},"..\u002Ffeatures\u002Fsave",[184,864,267],{"class":247},[184,866,270],{"class":247},[184,868,869],{"class":186,"line":315},[184,870,319],{"emptyLinePlaceholder":318},[184,872,873,876,879,881,883,885,889,891],{"class":186,"line":322},[184,874,875],{"class":386},"const",[184,877,878],{"class":251}," isSaving ",[184,880,393],{"class":247},[184,882,832],{"class":325},[184,884,338],{"class":251},[184,886,888],{"class":887},"sfNiH","false",[184,890,361],{"class":251},[184,892,270],{"class":247},[184,894,895],{"class":186,"line":448},[184,896,319],{"emptyLinePlaceholder":318},[184,898,899,902,905,908,911],{"class":186,"line":460},[184,900,901],{"class":386},"async",[184,903,904],{"class":386}," function",[184,906,907],{"class":325}," onSubmit",[184,909,910],{"class":247},"()",[184,912,913],{"class":247}," {\n",[184,915,916,919,922,925,927,930,933],{"class":186,"line":470},[184,917,918],{"class":243},"  if",[184,920,921],{"class":382}," (",[184,923,924],{"class":251},"isSaving",[184,926,332],{"class":247},[184,928,929],{"class":251},"value",[184,931,932],{"class":382},") ",[184,934,526],{"class":247},[184,936,937,940],{"class":186,"line":791},[184,938,939],{"class":243},"    return",[184,941,270],{"class":247},[184,943,945],{"class":186,"line":944},10,[184,946,947],{"class":247},"  }\n",[184,949,951],{"class":186,"line":950},11,[184,952,319],{"emptyLinePlaceholder":318},[184,954,956,959,961,963,966,969],{"class":186,"line":955},12,[184,957,958],{"class":251},"  isSaving",[184,960,332],{"class":247},[184,962,929],{"class":251},[184,964,965],{"class":247}," =",[184,967,968],{"class":887}," true",[184,970,270],{"class":247},[184,972,974,977],{"class":186,"line":973},13,[184,975,976],{"class":243},"  try",[184,978,913],{"class":247},[184,980,982,985,987,989],{"class":186,"line":981},14,[184,983,984],{"class":243},"    await",[184,986,853],{"class":325},[184,988,910],{"class":382},[184,990,270],{"class":247},[184,992,994,997,1000],{"class":186,"line":993},15,[184,995,996],{"class":247},"  }",[184,998,999],{"class":243}," finally",[184,1001,913],{"class":247},[184,1003,1005,1008,1010,1012,1014,1017],{"class":186,"line":1004},16,[184,1006,1007],{"class":251},"    isSaving",[184,1009,332],{"class":247},[184,1011,929],{"class":251},[184,1013,965],{"class":247},[184,1015,1016],{"class":887}," false",[184,1018,270],{"class":247},[184,1020,1022],{"class":186,"line":1021},17,[184,1023,947],{"class":247},[184,1025,1027],{"class":186,"line":1026},18,[184,1028,1029],{"class":247},"}\n",[184,1031,1033,1035,1037],{"class":186,"line":1032},19,[184,1034,428],{"class":247},[184,1036,383],{"class":382},[184,1038,402],{"class":247},[184,1040,1042],{"class":186,"line":1041},20,[184,1043,319],{"emptyLinePlaceholder":318},[184,1045,1047,1049,1051],{"class":186,"line":1046},21,[184,1048,379],{"class":247},[184,1050,443],{"class":382},[184,1052,402],{"class":247},[184,1054,1056,1058,1061,1064,1066,1068,1071,1073],{"class":186,"line":1055},22,[184,1057,451],{"class":247},[184,1059,1060],{"class":382},"form",[184,1062,1063],{"class":386}," @submit.prevent",[184,1065,393],{"class":247},[184,1067,267],{"class":247},[184,1069,1070],{"class":193},"onSubmit",[184,1072,267],{"class":247},[184,1074,402],{"class":247},[184,1076,1078,1081,1084,1087,1089,1091,1094,1096,1099,1101,1103,1105,1107],{"class":186,"line":1077},23,[184,1079,1080],{"class":247},"    \u003C",[184,1082,1083],{"class":382},"button",[184,1085,1086],{"class":386}," type",[184,1088,393],{"class":247},[184,1090,267],{"class":247},[184,1092,1093],{"class":193},"submit",[184,1095,267],{"class":247},[184,1097,1098],{"class":386}," :disabled",[184,1100,393],{"class":247},[184,1102,267],{"class":247},[184,1104,924],{"class":193},[184,1106,267],{"class":247},[184,1108,402],{"class":247},[184,1110,1112],{"class":186,"line":1111},24,[184,1113,1114],{"class":251},"      {{ isSaving ? \"Saving...\" : \"Save profile\" }}\n",[184,1116,1118,1121,1123],{"class":186,"line":1117},25,[184,1119,1120],{"class":247},"    \u003C\u002F",[184,1122,1083],{"class":382},[184,1124,402],{"class":247},[184,1126,1128,1131,1133],{"class":186,"line":1127},26,[184,1129,1130],{"class":247},"  \u003C\u002F",[184,1132,1060],{"class":382},[184,1134,402],{"class":247},[184,1136,1138,1140,1142],{"class":186,"line":1137},27,[184,1139,428],{"class":247},[184,1141,443],{"class":382},[184,1143,402],{"class":247},[174,1145,1148],{"className":233,"code":1146,"filename":1147,"language":236,"meta":180,"style":180},"import { toast } from \"vue-toastflow\";\n\nexport async function saveProfile() {\n  await toast.loading(fetch(\"\u002Fapi\u002Fprofile\"), {\n    loading: { title: \"Saving profile\" },\n    success: { title: \"Profile saved\" },\n    error: { title: \"Save failed\" },\n  });\n}\n","src\u002Ffeatures\u002Fsave.ts",[158,1149,1150,1170,1174,1190,1223,1247,1269,1291,1299],{"__ignoreMap":180},[184,1151,1152,1154,1156,1158,1160,1162,1164,1166,1168],{"class":186,"line":187},[184,1153,244],{"class":243},[184,1155,248],{"class":247},[184,1157,495],{"class":251},[184,1159,255],{"class":247},[184,1161,258],{"class":243},[184,1163,261],{"class":247},[184,1165,160],{"class":193},[184,1167,267],{"class":247},[184,1169,270],{"class":247},[184,1171,1172],{"class":186,"line":273},[184,1173,319],{"emptyLinePlaceholder":318},[184,1175,1176,1179,1182,1184,1186,1188],{"class":186,"line":293},[184,1177,1178],{"class":243},"export",[184,1180,1181],{"class":386}," async",[184,1183,904],{"class":386},[184,1185,853],{"class":325},[184,1187,910],{"class":247},[184,1189,913],{"class":247},[184,1191,1192,1195,1197,1199,1202,1204,1207,1209,1211,1214,1216,1218,1221],{"class":186,"line":315},[184,1193,1194],{"class":243},"  await",[184,1196,495],{"class":251},[184,1198,332],{"class":247},[184,1200,1201],{"class":325},"loading",[184,1203,338],{"class":382},[184,1205,1206],{"class":325},"fetch",[184,1208,338],{"class":382},[184,1210,267],{"class":247},[184,1212,1213],{"class":193},"\u002Fapi\u002Fprofile",[184,1215,267],{"class":247},[184,1217,361],{"class":382},[184,1219,1220],{"class":247},",",[184,1222,913],{"class":247},[184,1224,1225,1228,1230,1232,1235,1237,1239,1242,1244],{"class":186,"line":322},[184,1226,1227],{"class":382},"    loading",[184,1229,534],{"class":247},[184,1231,248],{"class":247},[184,1233,1234],{"class":382}," title",[184,1236,534],{"class":247},[184,1238,261],{"class":247},[184,1240,1241],{"class":193},"Saving profile",[184,1243,267],{"class":247},[184,1245,1246],{"class":247}," },\n",[184,1248,1249,1252,1254,1256,1258,1260,1262,1265,1267],{"class":186,"line":448},[184,1250,1251],{"class":382},"    success",[184,1253,534],{"class":247},[184,1255,248],{"class":247},[184,1257,1234],{"class":382},[184,1259,534],{"class":247},[184,1261,261],{"class":247},[184,1263,1264],{"class":193},"Profile saved",[184,1266,267],{"class":247},[184,1268,1246],{"class":247},[184,1270,1271,1274,1276,1278,1280,1282,1284,1287,1289],{"class":186,"line":460},[184,1272,1273],{"class":382},"    error",[184,1275,534],{"class":247},[184,1277,248],{"class":247},[184,1279,1234],{"class":382},[184,1281,534],{"class":247},[184,1283,261],{"class":247},[184,1285,1286],{"class":193},"Save failed",[184,1288,267],{"class":247},[184,1290,1246],{"class":247},[184,1292,1293,1295,1297],{"class":186,"line":470},[184,1294,996],{"class":247},[184,1296,361],{"class":382},[184,1298,270],{"class":247},[184,1300,1301],{"class":186,"line":791},[184,1302,1029],{"class":247},[584,1304,1306],{"id":1305},"next-steps","Next Steps",[1308,1309,1310,1314,1317,1320,1323,1331],"card-group",{},[1311,1312,1313],"card",{"icon":34,"title":31,"to":32},"Types, create call styles, per-toast overrides, positions, duplicates, and lifecycle hooks.",[1311,1315,1316],{"icon":39,"title":36,"to":37},"Duration rules, pause strategies, queue behavior, and the loading helper.",[1311,1318,1319],{"icon":44,"title":41,"to":42},"Action buttons, close behavior, and timestamps.",[1311,1321,1322],{"icon":18,"title":15,"to":16},"Override variables, create theme variants, or disable shipped CSS.",[1311,1324,1326,1327,1330],{"icon":95,"title":1325,"to":93},"Live examples","Try ",[158,1328,1329],{},"show",", typed helpers, loading toasts, updates, and store controls in the browser.",[1311,1332,1334,1335,1337,1338,332],{"icon":125,"title":1333,"to":123},"Runtime exports","Components, ",[158,1336,516],{},", types, and core utilities exported by ",[158,1339,160],{},[1341,1342,1343],"style",{},"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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":180,"searchDepth":273,"depth":273,"links":1345},[1346,1347,1348,1349,1350,1351],{"id":168,"depth":293,"text":169},{"id":229,"depth":293,"text":230},{"id":366,"depth":293,"text":367},{"id":479,"depth":293,"text":480},{"id":586,"depth":273,"text":587},{"id":1305,"depth":273,"text":1306},"Install Toastflow in Vue and show your first toast.","md",null,{},{"title":27,"icon":22},{"title":144,"description":1352},{"loc":28},"niOKXmFmVUyR42_VwxW2KK2s7gHJ0YYHGKMgV6EbxDg",[1361,1363],{"title":15,"path":16,"stem":17,"description":1362,"icon":18,"children":-1},"Customize Toastflow with CSS variables, theme classes, and headless rendering.",{"title":31,"path":32,"stem":33,"description":1364,"icon":34,"children":-1},"Toast types, create call styles, per-toast overrides, positions, duplicate prevention, and lifecycle hooks."]