[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"navigation_docs":3,"-docs-nuxt-quick-start":142,"-docs-nuxt-quick-start-surround":1066},[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":1059,"extension":1060,"links":1061,"meta":1062,"navigation":1063,"path":52,"seo":1064,"stem":53,"__hash__":1065},"docs\u002Fdocs\u002F3.nuxt\u002F1.quick-start.md","Nuxt Quick Start",{"type":146,"value":147,"toc":1049},"minimark",[148,153,166,601,616,621,970,974,1024,1028,1045],[149,150],"docs-npm-badges",{"packages":151,":downloads":152},"nuxt-toastflow:02a361","true",[154,155,156,157,161,162,165],"p",{},"Use ",[158,159,160],"code",{},"nuxt-toastflow"," for Nuxt 3 and Nuxt 4 apps. The module wires the plugin, CSS, auto-imports, component registration, and the same runtime exports available from ",[158,163,164],{},"vue-toastflow",".",[167,168,169,174,231,235,380,384,432,442],"steps",{},[170,171,173],"h3",{"id":172},"install","Install",[175,176,177,202,217],"code-group",{},[178,179,185],"pre",{"className":180,"code":181,"filename":182,"language":183,"meta":184,"style":184},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add nuxt-toastflow\n","pnpm","bash","",[158,186,187],{"__ignoreMap":184},[188,189,192,195,199],"span",{"class":190,"line":191},"line",1,[188,193,182],{"class":194},"sBMFI",[188,196,198],{"class":197},"sfazB"," add",[188,200,201],{"class":197}," nuxt-toastflow\n",[178,203,206],{"className":180,"code":204,"filename":205,"language":183,"meta":184,"style":184},"npm install nuxt-toastflow\n","npm",[158,207,208],{"__ignoreMap":184},[188,209,210,212,215],{"class":190,"line":191},[188,211,205],{"class":194},[188,213,214],{"class":197}," install",[188,216,201],{"class":197},[178,218,221],{"className":180,"code":219,"filename":220,"language":183,"meta":184,"style":184},"yarn add nuxt-toastflow\n","yarn",[158,222,223],{"__ignoreMap":184},[188,224,225,227,229],{"class":190,"line":191},[188,226,220],{"class":194},[188,228,198],{"class":197},[188,230,201],{"class":197},[170,232,234],{"id":233},"enable-the-module","Enable the module",[178,236,241],{"className":237,"code":238,"filename":239,"language":240,"meta":184,"style":184},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: [\"nuxt-toastflow\"],\n  toastflow: {\n    config: {\n      position: \"top-right\",\n      duration: 5000,\n      maxVisible: 5,\n    },\n  },\n});\n","nuxt.config.ts","ts",[158,242,243,264,290,301,311,329,343,356,362,368],{"__ignoreMap":184},[188,244,245,249,252,256,260],{"class":190,"line":191},[188,246,248],{"class":247},"s7zQu","export",[188,250,251],{"class":247}," default",[188,253,255],{"class":254},"s2Zo4"," defineNuxtConfig",[188,257,259],{"class":258},"sTEyZ","(",[188,261,263],{"class":262},"sMK4o","{\n",[188,265,267,271,274,277,280,282,284,287],{"class":190,"line":266},2,[188,268,270],{"class":269},"swJcz","  modules",[188,272,273],{"class":262},":",[188,275,276],{"class":258}," [",[188,278,279],{"class":262},"\"",[188,281,160],{"class":197},[188,283,279],{"class":262},[188,285,286],{"class":258},"]",[188,288,289],{"class":262},",\n",[188,291,293,296,298],{"class":190,"line":292},3,[188,294,295],{"class":269},"  toastflow",[188,297,273],{"class":262},[188,299,300],{"class":262}," {\n",[188,302,304,307,309],{"class":190,"line":303},4,[188,305,306],{"class":269},"    config",[188,308,273],{"class":262},[188,310,300],{"class":262},[188,312,314,317,319,322,325,327],{"class":190,"line":313},5,[188,315,316],{"class":269},"      position",[188,318,273],{"class":262},[188,320,321],{"class":262}," \"",[188,323,324],{"class":197},"top-right",[188,326,279],{"class":262},[188,328,289],{"class":262},[188,330,332,335,337,341],{"class":190,"line":331},6,[188,333,334],{"class":269},"      duration",[188,336,273],{"class":262},[188,338,340],{"class":339},"sbssI"," 5000",[188,342,289],{"class":262},[188,344,346,349,351,354],{"class":190,"line":345},7,[188,347,348],{"class":269},"      maxVisible",[188,350,273],{"class":262},[188,352,353],{"class":339}," 5",[188,355,289],{"class":262},[188,357,359],{"class":190,"line":358},8,[188,360,361],{"class":262},"    },\n",[188,363,365],{"class":190,"line":364},9,[188,366,367],{"class":262},"  },\n",[188,369,371,374,377],{"class":190,"line":370},10,[188,372,373],{"class":262},"}",[188,375,376],{"class":258},")",[188,378,379],{"class":262},";\n",[170,381,383],{"id":382},"render-the-container-once","Render the container once",[178,385,390],{"className":386,"code":387,"filename":388,"language":389,"meta":184,"style":184},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CToastContainer \u002F>\n  \u003CNuxtPage \u002F>\n\u003C\u002Ftemplate>\n","app.vue","vue",[158,391,392,403,414,423],{"__ignoreMap":184},[188,393,394,397,400],{"class":190,"line":191},[188,395,396],{"class":262},"\u003C",[188,398,399],{"class":269},"template",[188,401,402],{"class":262},">\n",[188,404,405,408,411],{"class":190,"line":266},[188,406,407],{"class":262},"  \u003C",[188,409,410],{"class":269},"ToastContainer",[188,412,413],{"class":262}," \u002F>\n",[188,415,416,418,421],{"class":190,"line":292},[188,417,407],{"class":262},[188,419,420],{"class":269},"NuxtPage",[188,422,413],{"class":262},[188,424,425,428,430],{"class":190,"line":303},[188,426,427],{"class":262},"\u003C\u002F",[188,429,399],{"class":269},[188,431,402],{"class":262},[170,433,156,435,438,439],{"id":434},"use-toast-or-usetoast",[158,436,437],{},"toast"," or ",[158,440,441],{},"useToast()",[178,443,446],{"className":386,"code":444,"filename":445,"language":389,"meta":184,"style":184},"\u003Cscript setup lang=\"ts\">\ntoast.success({\n  title: \"Saved\",\n  description: \"Your changes are live.\",\n});\n\nconst toastApi = useToast();\n\ntoastApi.info({\n  title: \"useToast() works too\",\n});\n\u003C\u002Fscript>\n","pages\u002Findex.vue",[158,447,448,473,486,502,518,526,532,550,554,568,583,592],{"__ignoreMap":184},[188,449,450,452,455,459,462,465,467,469,471],{"class":190,"line":191},[188,451,396],{"class":262},[188,453,454],{"class":269},"script",[188,456,458],{"class":457},"spNyl"," setup",[188,460,461],{"class":457}," lang",[188,463,464],{"class":262},"=",[188,466,279],{"class":262},[188,468,240],{"class":197},[188,470,279],{"class":262},[188,472,402],{"class":262},[188,474,475,477,479,482,484],{"class":190,"line":266},[188,476,437],{"class":258},[188,478,165],{"class":262},[188,480,481],{"class":254},"success",[188,483,259],{"class":258},[188,485,263],{"class":262},[188,487,488,491,493,495,498,500],{"class":190,"line":292},[188,489,490],{"class":269},"  title",[188,492,273],{"class":262},[188,494,321],{"class":262},[188,496,497],{"class":197},"Saved",[188,499,279],{"class":262},[188,501,289],{"class":262},[188,503,504,507,509,511,514,516],{"class":190,"line":303},[188,505,506],{"class":269},"  description",[188,508,273],{"class":262},[188,510,321],{"class":262},[188,512,513],{"class":197},"Your changes are live.",[188,515,279],{"class":262},[188,517,289],{"class":262},[188,519,520,522,524],{"class":190,"line":313},[188,521,373],{"class":262},[188,523,376],{"class":258},[188,525,379],{"class":262},[188,527,528],{"class":190,"line":331},[188,529,531],{"emptyLinePlaceholder":530},true,"\n",[188,533,534,537,540,542,545,548],{"class":190,"line":345},[188,535,536],{"class":457},"const",[188,538,539],{"class":258}," toastApi ",[188,541,464],{"class":262},[188,543,544],{"class":254}," useToast",[188,546,547],{"class":258},"()",[188,549,379],{"class":262},[188,551,552],{"class":190,"line":358},[188,553,531],{"emptyLinePlaceholder":530},[188,555,556,559,561,564,566],{"class":190,"line":364},[188,557,558],{"class":258},"toastApi",[188,560,165],{"class":262},[188,562,563],{"class":254},"info",[188,565,259],{"class":258},[188,567,263],{"class":262},[188,569,570,572,574,576,579,581],{"class":190,"line":370},[188,571,490],{"class":269},[188,573,273],{"class":262},[188,575,321],{"class":262},[188,577,578],{"class":197},"useToast() works too",[188,580,279],{"class":262},[188,582,289],{"class":262},[188,584,586,588,590],{"class":190,"line":585},11,[188,587,373],{"class":262},[188,589,376],{"class":258},[188,591,379],{"class":262},[188,593,595,597,599],{"class":190,"line":594},12,[188,596,427],{"class":262},[188,598,454],{"class":269},[188,600,402],{"class":262},[602,603,156,606,608,609,611,612,615],"callout",{"color":604,"icon":605},"warning","i-tabler-alert-circle",[158,607,437],{}," and ",[158,610,441],{}," from client-side execution: click handlers, ",[158,613,614],{},"onMounted",", client composables, and UI callbacks. Do not call them from Nitro handlers.",[617,618,620],"h2",{"id":619},"minimal-file-tree","Minimal File Tree",[622,623,624,718,754],"code-tree",{":expand-all":152,"default-value":239},[178,625,627],{"className":237,"code":626,"filename":239,"language":240,"meta":184,"style":184},"export default defineNuxtConfig({\n  modules: [\"nuxt-toastflow\"],\n  toastflow: {\n    config: {\n      position: \"top-right\",\n      queue: true,\n    },\n  },\n});\n",[158,628,629,641,659,667,675,689,702,706,710],{"__ignoreMap":184},[188,630,631,633,635,637,639],{"class":190,"line":191},[188,632,248],{"class":247},[188,634,251],{"class":247},[188,636,255],{"class":254},[188,638,259],{"class":258},[188,640,263],{"class":262},[188,642,643,645,647,649,651,653,655,657],{"class":190,"line":266},[188,644,270],{"class":269},[188,646,273],{"class":262},[188,648,276],{"class":258},[188,650,279],{"class":262},[188,652,160],{"class":197},[188,654,279],{"class":262},[188,656,286],{"class":258},[188,658,289],{"class":262},[188,660,661,663,665],{"class":190,"line":292},[188,662,295],{"class":269},[188,664,273],{"class":262},[188,666,300],{"class":262},[188,668,669,671,673],{"class":190,"line":303},[188,670,306],{"class":269},[188,672,273],{"class":262},[188,674,300],{"class":262},[188,676,677,679,681,683,685,687],{"class":190,"line":313},[188,678,316],{"class":269},[188,680,273],{"class":262},[188,682,321],{"class":262},[188,684,324],{"class":197},[188,686,279],{"class":262},[188,688,289],{"class":262},[188,690,691,694,696,700],{"class":190,"line":331},[188,692,693],{"class":269},"      queue",[188,695,273],{"class":262},[188,697,699],{"class":698},"sfNiH"," true",[188,701,289],{"class":262},[188,703,704],{"class":190,"line":345},[188,705,361],{"class":262},[188,707,708],{"class":190,"line":358},[188,709,367],{"class":262},[188,711,712,714,716],{"class":190,"line":364},[188,713,373],{"class":262},[188,715,376],{"class":258},[188,717,379],{"class":262},[178,719,720],{"className":386,"code":387,"filename":388,"language":389,"meta":184,"style":184},[158,721,722,730,738,746],{"__ignoreMap":184},[188,723,724,726,728],{"class":190,"line":191},[188,725,396],{"class":262},[188,727,399],{"class":269},[188,729,402],{"class":262},[188,731,732,734,736],{"class":190,"line":266},[188,733,407],{"class":262},[188,735,410],{"class":269},[188,737,413],{"class":262},[188,739,740,742,744],{"class":190,"line":292},[188,741,407],{"class":262},[188,743,420],{"class":269},[188,745,413],{"class":262},[188,747,748,750,752],{"class":190,"line":303},[188,749,427],{"class":262},[188,751,399],{"class":269},[188,753,402],{"class":262},[178,755,757],{"className":386,"code":756,"filename":445,"language":389,"meta":184,"style":184},"\u003Cscript setup lang=\"ts\">\nasync function save() {\n  await toast.loading($fetch(\"\u002Fapi\u002Fsave\"), {\n    loading: { title: \"Saving\" },\n    success: { title: \"Saved\" },\n    error: { title: \"Failed\" },\n  });\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CUButton @click=\"save\">Save\u003C\u002FUButton>\n\u003C\u002Ftemplate>\n",[158,758,759,779,794,828,853,874,896,905,910,918,922,930,961],{"__ignoreMap":184},[188,760,761,763,765,767,769,771,773,775,777],{"class":190,"line":191},[188,762,396],{"class":262},[188,764,454],{"class":269},[188,766,458],{"class":457},[188,768,461],{"class":457},[188,770,464],{"class":262},[188,772,279],{"class":262},[188,774,240],{"class":197},[188,776,279],{"class":262},[188,778,402],{"class":262},[188,780,781,784,787,790,792],{"class":190,"line":266},[188,782,783],{"class":457},"async",[188,785,786],{"class":457}," function",[188,788,789],{"class":254}," save",[188,791,547],{"class":262},[188,793,300],{"class":262},[188,795,796,799,802,804,807,809,812,814,816,819,821,823,826],{"class":190,"line":292},[188,797,798],{"class":247},"  await",[188,800,801],{"class":258}," toast",[188,803,165],{"class":262},[188,805,806],{"class":254},"loading",[188,808,259],{"class":269},[188,810,811],{"class":254},"$fetch",[188,813,259],{"class":269},[188,815,279],{"class":262},[188,817,818],{"class":197},"\u002Fapi\u002Fsave",[188,820,279],{"class":262},[188,822,376],{"class":269},[188,824,825],{"class":262},",",[188,827,300],{"class":262},[188,829,830,833,835,838,841,843,845,848,850],{"class":190,"line":303},[188,831,832],{"class":269},"    loading",[188,834,273],{"class":262},[188,836,837],{"class":262}," {",[188,839,840],{"class":269}," title",[188,842,273],{"class":262},[188,844,321],{"class":262},[188,846,847],{"class":197},"Saving",[188,849,279],{"class":262},[188,851,852],{"class":262}," },\n",[188,854,855,858,860,862,864,866,868,870,872],{"class":190,"line":313},[188,856,857],{"class":269},"    success",[188,859,273],{"class":262},[188,861,837],{"class":262},[188,863,840],{"class":269},[188,865,273],{"class":262},[188,867,321],{"class":262},[188,869,497],{"class":197},[188,871,279],{"class":262},[188,873,852],{"class":262},[188,875,876,879,881,883,885,887,889,892,894],{"class":190,"line":331},[188,877,878],{"class":269},"    error",[188,880,273],{"class":262},[188,882,837],{"class":262},[188,884,840],{"class":269},[188,886,273],{"class":262},[188,888,321],{"class":262},[188,890,891],{"class":197},"Failed",[188,893,279],{"class":262},[188,895,852],{"class":262},[188,897,898,901,903],{"class":190,"line":345},[188,899,900],{"class":262},"  }",[188,902,376],{"class":269},[188,904,379],{"class":262},[188,906,907],{"class":190,"line":358},[188,908,909],{"class":262},"}\n",[188,911,912,914,916],{"class":190,"line":364},[188,913,427],{"class":262},[188,915,454],{"class":269},[188,917,402],{"class":262},[188,919,920],{"class":190,"line":370},[188,921,531],{"emptyLinePlaceholder":530},[188,923,924,926,928],{"class":190,"line":585},[188,925,396],{"class":262},[188,927,399],{"class":269},[188,929,402],{"class":262},[188,931,932,934,937,940,942,944,947,949,952,955,957,959],{"class":190,"line":594},[188,933,407],{"class":262},[188,935,936],{"class":269},"UButton",[188,938,939],{"class":457}," @click",[188,941,464],{"class":262},[188,943,279],{"class":262},[188,945,946],{"class":197},"save",[188,948,279],{"class":262},[188,950,951],{"class":262},">",[188,953,954],{"class":258},"Save",[188,956,427],{"class":262},[188,958,936],{"class":269},[188,960,402],{"class":262},[188,962,964,966,968],{"class":190,"line":963},13,[188,965,427],{"class":262},[188,967,399],{"class":269},[188,969,402],{"class":262},[617,971,973],{"id":972},"what-the-module-gives-you","What The Module Gives You",[975,976,977,994,998,1010],"card-group",{},[978,979,981,982,985,986,989,990,993],"card",{"icon":34,"title":980},"Auto-imported toast","Call ",[158,983,984],{},"toast.success(...)",", ",[158,987,988],{},"toast.loading(...)",", or ",[158,991,992],{},"toast.update(...)"," without a manual import.",[978,995,997],{"icon":58,"title":996},"Auto-imported useToast()","Grab the same API once inside a component or composable and reuse it locally.",[978,999,1002,1003,1006,1007,1009],{"icon":1000,"title":1001},"i-tabler-layout-navbar","Auto-registered ToastContainer","Render ",[158,1004,1005],{},"\u003CToastContainer \u002F>"," in ",[158,1008,388],{}," without importing it.",[978,1011,156,1013,1016,1017,985,1020,1023],{"icon":125,"title":1012,"to":123},"Vue runtime exports",[158,1014,1015],{},"nuxt-toastflow\u002Fruntime"," when you need explicit imports for ",[158,1018,1019],{},"Toast",[158,1021,1022],{},"ToastProgress",", types, or lower-level runtime pieces.",[617,1025,1027],{"id":1026},"read-next","Read Next",[975,1029,1030,1033,1037,1041],{},[978,1031,1032],{"icon":58,"title":55,"to":56},"Pick the cleanest call style for pages, composables, and callbacks.",[978,1034,1036],{"icon":63,"title":1035,"to":61},"Module options","Configure CSS injection, runtime config, and component registration.",[978,1038,1040],{"icon":125,"title":1039,"to":123},"Runtime exports","See what is shared between Vue, Nuxt, and the headless core.",[978,1042,1044],{"icon":95,"title":1043,"to":93},"Live examples","Trigger real toasts from the docs.",[1046,1047,1048],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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}",{"title":184,"searchDepth":266,"depth":266,"links":1050},[1051,1052,1053,1054,1056,1057,1058],{"id":172,"depth":292,"text":173},{"id":233,"depth":292,"text":234},{"id":382,"depth":292,"text":383},{"id":434,"depth":292,"text":1055},"Use toast or useToast()",{"id":619,"depth":266,"text":620},{"id":972,"depth":266,"text":973},{"id":1026,"depth":266,"text":1027},"Install the Nuxt module and show your first toast.","md",null,{},{"title":27,"icon":47},{"title":144,"description":1059},"ib_HM7MVytYocdLULH5Ls1EVnRBOpvf72OQFu3BJ06U",[1067,1069],{"title":41,"path":42,"stem":43,"description":1068,"icon":44,"children":-1},"Add action buttons, control close behavior, and display timestamps on toasts.",{"title":55,"path":56,"stem":57,"description":1070,"icon":58,"children":-1},"When to use the auto-imported toast object and when useToast is a better fit."]