[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"navigation_docs":3,"-docs-more-troubleshooting":142,"-docs-more-troubleshooting-surround":622},[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":133,"body":144,"description":615,"extension":616,"links":617,"meta":618,"navigation":619,"path":134,"seo":620,"stem":135,"__hash__":621},"docs\u002Fdocs\u002F7.more\u002F1.troubleshooting.md",{"type":145,"value":146,"toc":612},"minimark",[147,151,489,494,608],[148,149,150],"p",{},"Quick solutions for the most common problems.",[152,153,154,193,223,256,297,319,350,362,379,458],"accordion",{},[155,156,158,161],"accordion-item",{"label":157},"No toast appears",[148,159,160],{},"Check all three points first:",[162,163,164,180,186],"ol",{},[165,166,167,171,172,175,176,179],"li",{},[168,169,170],"code",{},"createToastflow(...)"," is called during app setup (Vue) or ",[168,173,174],{},"nuxt-toastflow"," is in ",[168,177,178],{},"modules"," (Nuxt).",[165,181,182,185],{},[168,183,184],{},"\u003CToastContainer \u002F>"," is rendered in the active component tree.",[165,187,188,189,192],{},"You call ",[168,190,191],{},"toast.*"," after the store is initialized.",[155,194,196,212],{"label":195},"Error: store not initialized",[197,198,203],"pre",{"className":199,"code":200,"language":201,"meta":202,"style":202},"language-txt shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","[vue-toastflow] Toast store not initialized. Did you install the plugin?\n","txt","",[168,204,205],{"__ignoreMap":202},[206,207,210],"span",{"class":208,"line":209},"line",1,[206,211,200],{},[148,213,214,215,218,219,222],{},"The ",[168,216,217],{},"toast"," helper was called before the store was created. Make sure ",[168,220,221],{},"app.use(createToastflow(...))"," runs early in your setup.",[155,224,226,229],{"label":225},"Progress bar is missing",[148,227,228],{},"Possible reasons:",[230,231,232,241,253],"ul",{},[165,233,234,237,238],{},[168,235,236],{},"progressBar"," is ",[168,239,240],{},"false",[165,242,243,237,246,249,250],{},[168,244,245],{},"duration",[168,247,248],{},"Infinity"," or ",[168,251,252],{},"0",[165,254,255],{},"A custom slot replaced the progress renderer",[155,257,259,262],{"label":258},"Toast dismisses too fast or resets unexpectedly",[148,260,261],{},"Check these options:",[230,263,264,269,275,285,291],{},[165,265,266,268],{},[168,267,245],{}," - is it shorter than expected?",[165,270,271,274],{},[168,272,273],{},"pauseOnHover"," - is it disabled?",[165,276,277,280,281,284],{},[168,278,279],{},"pauseStrategy"," - ",[168,282,283],{},"\"reset\""," restarts the full duration on resume",[165,286,287,290],{},[168,288,289],{},"update(...)"," calls reset the timer on visible toasts",[165,292,293,296],{},[168,294,295],{},"preventDuplicates: true"," merges and restarts matching toasts",[155,298,300,303,304,307,308,307,311,314,315,318],{"label":299},"Duplicate toasts still appear",[168,301,302],{},"preventDuplicates"," compares only ",[168,305,306],{},"position",", ",[168,309,310],{},"type",[168,312,313],{},"title",", and ",[168,316,317],{},"description",". If any of these differ, the toast is not treated as a duplicate.",[155,320,322,325,343],{"label":321},"Queue looks stuck",[148,323,324],{},"Likely causes:",[230,326,327,333,340],{},[165,328,329,330],{},"Queue is paused - call ",[168,331,332],{},"toast.resumeQueue()",[165,334,335,336,339],{},"No capacity - ",[168,337,338],{},"maxVisible"," is still full",[165,341,342],{},"You are checking a different position stack",[148,344,345,346,349],{},"Inspect with ",[168,347,348],{},"toast.getState()",".",[155,351,353,356,357,249,359,361],{"label":352},"update() throws validation error",[168,354,355],{},"update(id, options)"," requires at least one non-empty text field (",[168,358,313],{},[168,360,317],{},").",[155,363,365,366,369,370,378],{"label":364},"HTML content renders as plain text","Set ",[168,367,368],{},"supportHtml: true"," on the toast. HTML is rendered as-is unless you configure the ",[371,372,374,377],"a",{"href":373},"\u002Fdocs\u002Fglobal\u002Fstyling#sanitizer-hook",[168,375,376],{},"sanitizer"," hook"," — use trusted content only.",[155,380,382,411,438],{"label":381},"Types or autocomplete missing (Nuxt)",[148,383,384,385,387,388,307,391,394,395,398,399,402,403,406,407,410],{},"Nuxt generates the Toastflow types (auto-imported ",[168,386,217],{}," \u002F ",[168,389,390],{},"useToast",[168,392,393],{},"$toast",", the ",[168,396,397],{},"\u003CToastContainer>"," component including its slot props, and the ",[168,400,401],{},"toastflow"," key in ",[168,404,405],{},"nuxt.config",") into ",[168,408,409],{},".nuxt\u002F"," — they exist only after Nuxt has run at least once:",[162,412,413,424,435],{},[165,414,415,416,419,420,423],{},"Run ",[168,417,418],{},"npx nuxi prepare"," (or just start ",[168,421,422],{},"nuxi dev"," once).",[165,425,426,427,430,431,434],{},"Make sure your ",[168,428,429],{},"tsconfig.json"," extends ",[168,432,433],{},".\u002F.nuxt\u002Ftsconfig.json"," (default in scaffolded projects).",[165,436,437],{},"Restart the editor's TS server if completions still don't show up.",[148,439,214,440,402,442,444,445,448,449,451,452,454,455,349],{},[168,441,401],{},[168,443,405],{}," is fully typed — every ",[168,446,447],{},"ToastConfig"," option autocompletes. If it doesn't, check that ",[168,450,174],{}," is installed as a dependency (not just referenced in ",[168,453,178],{},") and re-run ",[168,456,457],{},"nuxi prepare",[155,459,461,464],{"label":460},"Animations feel off",[148,462,463],{},"Check:",[230,465,466,473,483],{},[165,467,468,469,472],{},"CSS class overrides in the ",[168,470,471],{},"animation"," config",[165,474,475,476,479,480],{},"CSS variables ",[168,477,478],{},"--tf-toast-animation-in-duration"," and ",[168,481,482],{},"--tf-toast-animation-out-duration",[165,484,485,486],{},"User preference for ",[168,487,488],{},"prefers-reduced-motion",[490,491,493],"h2",{"id":492},"diagnostic-tools","Diagnostic Tools",[197,495,499],{"className":496,"code":497,"language":498,"meta":202,"style":202},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","toast.getState();\ntoast.getConfig();\ntoast.subscribeEvents((event) => {\n  console.log(event.kind, event.id);\n});\n","ts",[168,500,501,519,533,562,598],{"__ignoreMap":202},[206,502,503,506,509,513,516],{"class":208,"line":209},[206,504,217],{"class":505},"sTEyZ",[206,507,349],{"class":508},"sMK4o",[206,510,512],{"class":511},"s2Zo4","getState",[206,514,515],{"class":505},"()",[206,517,518],{"class":508},";\n",[206,520,522,524,526,529,531],{"class":208,"line":521},2,[206,523,217],{"class":505},[206,525,349],{"class":508},[206,527,528],{"class":511},"getConfig",[206,530,515],{"class":505},[206,532,518],{"class":508},[206,534,536,538,540,543,546,548,552,555,559],{"class":208,"line":535},3,[206,537,217],{"class":505},[206,539,349],{"class":508},[206,541,542],{"class":511},"subscribeEvents",[206,544,545],{"class":505},"(",[206,547,545],{"class":508},[206,549,551],{"class":550},"sHdIc","event",[206,553,554],{"class":508},")",[206,556,558],{"class":557},"spNyl"," =>",[206,560,561],{"class":508}," {\n",[206,563,565,568,570,573,576,578,580,583,586,589,591,594,596],{"class":208,"line":564},4,[206,566,567],{"class":505},"  console",[206,569,349],{"class":508},[206,571,572],{"class":511},"log",[206,574,545],{"class":575},"swJcz",[206,577,551],{"class":505},[206,579,349],{"class":508},[206,581,582],{"class":505},"kind",[206,584,585],{"class":508},",",[206,587,588],{"class":505}," event",[206,590,349],{"class":508},[206,592,593],{"class":505},"id",[206,595,554],{"class":575},[206,597,518],{"class":508},[206,599,601,604,606],{"class":208,"line":600},5,[206,602,603],{"class":508},"}",[206,605,554],{"class":505},[206,607,518],{"class":508},[609,610,611],"style",{},"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 .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 .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 pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}",{"title":202,"searchDepth":521,"depth":521,"links":613},[614],{"id":492,"depth":521,"text":493},"Common issues and quick fixes when using Toastflow.","md",null,{},{"icon":136},{"title":133,"description":615},"IVHplEIE47yTYRU6E5G1NFMv3N3GkAm4WlJiHO5_Dvc",[623,625],{"title":122,"path":123,"stem":124,"description":624,"icon":125,"children":-1},"Shared Vue, Nuxt, and headless exports available from Toastflow packages.",{"title":138,"path":139,"stem":140,"description":626,"icon":141,"children":-1},"How Toastflow compares to other Vue toast libraries."]