[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"navigation_docs":3,"-docs-nuxt-nuxt-notes":142,"-docs-nuxt-nuxt-notes-surround":775},[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":65,"body":144,"description":768,"extension":769,"links":770,"meta":771,"navigation":772,"path":66,"seo":773,"stem":67,"__hash__":774},"docs\u002Fdocs\u002F3.nuxt\u002F5.nuxt-notes.md",{"type":145,"value":146,"toc":759},"minimark",[147,151,156,178,182,188,195,231,234,406,409,413,593,597,742,746,755],[148,149,150],"p",{},"Toastflow is UI feedback. In Nuxt, that means the trigger should happen where the browser can show it.",[152,153,155],"h2",{"id":154},"safe-places-to-call-toasts","Safe Places To Call Toasts",[157,158,159,164,169],"card-group",{},[160,161,163],"card",{"icon":44,"title":162},"Click handlers","Show feedback after a user action.",[160,165,168],{"icon":166,"title":167},"i-tabler-device-desktop-check","onMounted","Show a toast after client hydration if the page needs it.",[160,170,172,173,177],{"icon":58,"title":171},"Client composables","Wrap request flows and call ",[174,175,176],"code",{},"toast.loading(...)"," from client code.",[152,179,181],{"id":180},"avoid-server-only-places","Avoid Server-Only Places",[183,184,187],"callout",{"color":185,"icon":186},"warning","i-tabler-server-off","Do not trigger toasts from Nitro routes, server handlers, server-only plugins, or code that runs only during SSR. Return data\u002Ferrors from the server, then show UI feedback on the client.",[152,189,191,192],{"id":190},"functions-cannot-live-in-nuxtconfig","Functions Cannot Live In ",[174,193,194],{},"nuxt.config",[148,196,197,198,201,202,204,205,208,209,208,212,208,215,218,219,222,223,226,227,230],{},"The ",[174,199,200],{},"toastflow.config"," object in ",[174,203,194],{}," is JSON-serialized into the generated plugin. Functions (",[174,206,207],{},"sanitizer",", ",[174,210,211],{},"createdAtFormatter",[174,213,214],{},"onMount",[174,216,217],{},"onClose",", button ",[174,220,221],{},"onClick",", …), ",[174,224,225],{},"Date",", and ",[174,228,229],{},"RegExp"," values do not survive that — the module warns with the exact config path and omits them.",[148,232,233],{},"Pass function options per toast instead; those run entirely at runtime and work as expected:",[235,236,241],"pre",{"className":237,"code":238,"language":239,"meta":240,"style":240},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","toast.show({\n  type: \"success\",\n  title: \"Saved\",\n  showCreatedAt: true,\n  createdAtFormatter: (createdAt) => new Date(createdAt).toLocaleTimeString(),\n  onClose: () => console.log(\"closed\"),\n});\n","ts","",[174,242,243,266,289,306,320,361,395],{"__ignoreMap":240},[244,245,248,252,256,260,263],"span",{"class":246,"line":247},"line",1,[244,249,251],{"class":250},"sTEyZ","toast",[244,253,255],{"class":254},"sMK4o",".",[244,257,259],{"class":258},"s2Zo4","show",[244,261,262],{"class":250},"(",[244,264,265],{"class":254},"{\n",[244,267,269,273,276,279,283,286],{"class":246,"line":268},2,[244,270,272],{"class":271},"swJcz","  type",[244,274,275],{"class":254},":",[244,277,278],{"class":254}," \"",[244,280,282],{"class":281},"sfazB","success",[244,284,285],{"class":254},"\"",[244,287,288],{"class":254},",\n",[244,290,292,295,297,299,302,304],{"class":246,"line":291},3,[244,293,294],{"class":271},"  title",[244,296,275],{"class":254},[244,298,278],{"class":254},[244,300,301],{"class":281},"Saved",[244,303,285],{"class":254},[244,305,288],{"class":254},[244,307,309,312,314,318],{"class":246,"line":308},4,[244,310,311],{"class":271},"  showCreatedAt",[244,313,275],{"class":254},[244,315,317],{"class":316},"sfNiH"," true",[244,319,288],{"class":254},[244,321,323,326,328,331,335,338,342,345,348,351,353,356,359],{"class":246,"line":322},5,[244,324,325],{"class":258},"  createdAtFormatter",[244,327,275],{"class":254},[244,329,330],{"class":254}," (",[244,332,334],{"class":333},"sHdIc","createdAt",[244,336,337],{"class":254},")",[244,339,341],{"class":340},"spNyl"," =>",[244,343,344],{"class":254}," new",[244,346,347],{"class":258}," Date",[244,349,350],{"class":250},"(createdAt)",[244,352,255],{"class":254},[244,354,355],{"class":258},"toLocaleTimeString",[244,357,358],{"class":250},"()",[244,360,288],{"class":254},[244,362,364,367,369,372,374,377,379,382,384,386,389,391,393],{"class":246,"line":363},6,[244,365,366],{"class":258},"  onClose",[244,368,275],{"class":254},[244,370,371],{"class":254}," ()",[244,373,341],{"class":340},[244,375,376],{"class":250}," console",[244,378,255],{"class":254},[244,380,381],{"class":258},"log",[244,383,262],{"class":250},[244,385,285],{"class":254},[244,387,388],{"class":281},"closed",[244,390,285],{"class":254},[244,392,337],{"class":250},[244,394,288],{"class":254},[244,396,398,401,403],{"class":246,"line":397},7,[244,399,400],{"class":254},"}",[244,402,337],{"class":250},[244,404,405],{"class":254},";\n",[148,407,408],{},"Global function defaults are currently not supported through the Nuxt module config.",[152,410,412],{"id":411},"request-flow","Request Flow",[235,414,416],{"className":237,"code":415,"language":239,"meta":240,"style":240},"const toastApi = useToast();\n\nconst request = toastApi.loading($fetch(\"\u002Fapi\u002Fsave\", { method: \"POST\" }), {\n  loading: { title: \"Saving\" },\n  success: { title: \"Saved\" },\n  error: { title: \"Failed\" },\n});\n\nawait request;\n",[174,417,418,436,442,501,525,546,568,576,581],{"__ignoreMap":240},[244,419,420,423,426,429,432,434],{"class":246,"line":247},[244,421,422],{"class":340},"const",[244,424,425],{"class":250}," toastApi ",[244,427,428],{"class":254},"=",[244,430,431],{"class":258}," useToast",[244,433,358],{"class":250},[244,435,405],{"class":254},[244,437,438],{"class":246,"line":268},[244,439,441],{"emptyLinePlaceholder":440},true,"\n",[244,443,444,446,449,451,454,456,459,461,464,466,468,471,473,476,479,482,484,486,489,491,494,496,498],{"class":246,"line":291},[244,445,422],{"class":340},[244,447,448],{"class":250}," request ",[244,450,428],{"class":254},[244,452,453],{"class":250}," toastApi",[244,455,255],{"class":254},[244,457,458],{"class":258},"loading",[244,460,262],{"class":250},[244,462,463],{"class":258},"$fetch",[244,465,262],{"class":250},[244,467,285],{"class":254},[244,469,470],{"class":281},"\u002Fapi\u002Fsave",[244,472,285],{"class":254},[244,474,475],{"class":254},",",[244,477,478],{"class":254}," {",[244,480,481],{"class":271}," method",[244,483,275],{"class":254},[244,485,278],{"class":254},[244,487,488],{"class":281},"POST",[244,490,285],{"class":254},[244,492,493],{"class":254}," }",[244,495,337],{"class":250},[244,497,475],{"class":254},[244,499,500],{"class":254}," {\n",[244,502,503,506,508,510,513,515,517,520,522],{"class":246,"line":308},[244,504,505],{"class":271},"  loading",[244,507,275],{"class":254},[244,509,478],{"class":254},[244,511,512],{"class":271}," title",[244,514,275],{"class":254},[244,516,278],{"class":254},[244,518,519],{"class":281},"Saving",[244,521,285],{"class":254},[244,523,524],{"class":254}," },\n",[244,526,527,530,532,534,536,538,540,542,544],{"class":246,"line":322},[244,528,529],{"class":271},"  success",[244,531,275],{"class":254},[244,533,478],{"class":254},[244,535,512],{"class":271},[244,537,275],{"class":254},[244,539,278],{"class":254},[244,541,301],{"class":281},[244,543,285],{"class":254},[244,545,524],{"class":254},[244,547,548,551,553,555,557,559,561,564,566],{"class":246,"line":363},[244,549,550],{"class":271},"  error",[244,552,275],{"class":254},[244,554,478],{"class":254},[244,556,512],{"class":271},[244,558,275],{"class":254},[244,560,278],{"class":254},[244,562,563],{"class":281},"Failed",[244,565,285],{"class":254},[244,567,524],{"class":254},[244,569,570,572,574],{"class":246,"line":397},[244,571,400],{"class":254},[244,573,337],{"class":250},[244,575,405],{"class":254},[244,577,579],{"class":246,"line":578},8,[244,580,441],{"emptyLinePlaceholder":440},[244,582,584,588,591],{"class":246,"line":583},9,[244,585,587],{"class":586},"s7zQu","await",[244,589,590],{"class":250}," request",[244,592,405],{"class":254},[152,594,596],{"id":595},"update-later","Update Later",[235,598,600],{"className":237,"code":599,"language":239,"meta":240,"style":240},"const id = toast.show({\n  type: \"loading\",\n  title: \"Uploading\",\n  duration: 0,\n});\n\ntoast.update(id, {\n  type: \"success\",\n  title: \"Done\",\n  duration: 3000,\n});\n",[174,601,602,622,636,651,664,672,676,692,706,721,733],{"__ignoreMap":240},[244,603,604,606,609,611,614,616,618,620],{"class":246,"line":247},[244,605,422],{"class":340},[244,607,608],{"class":250}," id ",[244,610,428],{"class":254},[244,612,613],{"class":250}," toast",[244,615,255],{"class":254},[244,617,259],{"class":258},[244,619,262],{"class":250},[244,621,265],{"class":254},[244,623,624,626,628,630,632,634],{"class":246,"line":268},[244,625,272],{"class":271},[244,627,275],{"class":254},[244,629,278],{"class":254},[244,631,458],{"class":281},[244,633,285],{"class":254},[244,635,288],{"class":254},[244,637,638,640,642,644,647,649],{"class":246,"line":291},[244,639,294],{"class":271},[244,641,275],{"class":254},[244,643,278],{"class":254},[244,645,646],{"class":281},"Uploading",[244,648,285],{"class":254},[244,650,288],{"class":254},[244,652,653,656,658,662],{"class":246,"line":308},[244,654,655],{"class":271},"  duration",[244,657,275],{"class":254},[244,659,661],{"class":660},"sbssI"," 0",[244,663,288],{"class":254},[244,665,666,668,670],{"class":246,"line":322},[244,667,400],{"class":254},[244,669,337],{"class":250},[244,671,405],{"class":254},[244,673,674],{"class":246,"line":363},[244,675,441],{"emptyLinePlaceholder":440},[244,677,678,680,682,685,688,690],{"class":246,"line":397},[244,679,251],{"class":250},[244,681,255],{"class":254},[244,683,684],{"class":258},"update",[244,686,687],{"class":250},"(id",[244,689,475],{"class":254},[244,691,500],{"class":254},[244,693,694,696,698,700,702,704],{"class":246,"line":578},[244,695,272],{"class":271},[244,697,275],{"class":254},[244,699,278],{"class":254},[244,701,282],{"class":281},[244,703,285],{"class":254},[244,705,288],{"class":254},[244,707,708,710,712,714,717,719],{"class":246,"line":583},[244,709,294],{"class":271},[244,711,275],{"class":254},[244,713,278],{"class":254},[244,715,716],{"class":281},"Done",[244,718,285],{"class":254},[244,720,288],{"class":254},[244,722,724,726,728,731],{"class":246,"line":723},10,[244,725,655],{"class":271},[244,727,275],{"class":254},[244,729,730],{"class":660}," 3000",[244,732,288],{"class":254},[244,734,736,738,740],{"class":246,"line":735},11,[244,737,400],{"class":254},[244,739,337],{"class":250},[244,741,405],{"class":254},[152,743,745],{"id":744},"related-guides","Related Guides",[157,747,748,751],{},[160,749,750],{"icon":18,"title":15,"to":16},"Use the shared Vue\u002FNuxt styling model without repeating it here.",[160,752,754],{"icon":125,"title":753,"to":123},"Runtime exports","Use explicit imports only when the Nuxt auto-imports are not enough.",[756,757,758],"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 pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":240,"searchDepth":268,"depth":268,"links":760},[761,762,763,765,766,767],{"id":154,"depth":268,"text":155},{"id":180,"depth":268,"text":181},{"id":190,"depth":268,"text":764},"Functions Cannot Live In nuxt.config",{"id":411,"depth":268,"text":412},{"id":595,"depth":268,"text":596},{"id":744,"depth":268,"text":745},"Practical Nuxt-specific rules for client-only usage and common toast flows.","md",null,{},{"icon":68},{"title":65,"description":768},"WaVL8Ai8BE-fM-uBoh0vkHJogoZGkGt4Bu8W2118lgo",[776,778],{"title":60,"path":61,"stem":62,"description":777,"icon":63,"children":-1},"Configure the Nuxt wrapper without guessing what belongs in nuxt.config.",{"title":76,"path":77,"stem":78,"description":779,"icon":79,"children":-1},"Use toastflow-core directly when you want full rendering control."]