[{"data":1,"prerenderedAt":473},["ShallowReactive",2],{"navigation_docs":3,"-frameworks-vue":45,"-frameworks-vue-surround":470},[4,8,12,16,20,24],{"title":5,"path":6,"stem":7},"Introduction","\u002Fintroduction","1.introduction",{"title":9,"path":10,"stem":11},"Installation","\u002Finstallation","2.installation",{"title":13,"path":14,"stem":15},"SDKs","\u002Fsdk","3.sdk",{"title":17,"path":18,"stem":19},"Dashboard","\u002Fdashboard","4.dashboard",{"title":21,"path":22,"stem":23},"HTTP API","\u002Fhttp-api","5.http-api",{"title":25,"path":26,"stem":27,"children":28},"Framework Components","\u002Fframeworks","frameworks",[29,33,37,41],{"title":30,"path":31,"stem":32},"Qwik","\u002Fframeworks\u002Fqwik","frameworks\u002Fqwik",{"title":34,"path":35,"stem":36},"React","\u002Fframeworks\u002Freact","frameworks\u002Freact",{"title":38,"path":39,"stem":40},"Svelte","\u002Fframeworks\u002Fsvelte","frameworks\u002Fsvelte",{"title":42,"path":43,"stem":44},"Vue","\u002Fframeworks\u002Fvue","frameworks\u002Fvue",{"id":46,"title":42,"body":47,"description":464,"extension":465,"links":466,"meta":467,"navigation":130,"path":43,"seo":468,"stem":44,"__hash__":469},"docs\u002Fframeworks\u002Fvue.md",{"type":48,"value":49,"toc":459},"minimark",[50,59,64,300,304,390,394,455],[51,52,53,54,58],"p",{},"The ",[55,56,57],"code",{},"@pichaflow\u002Fvue"," package provides a reactive upload component.",[60,61,63],"h2",{"id":62},"usage","Usage",[65,66,71],"pre",{"className":67,"code":68,"language":69,"meta":70,"style":70},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nimport { PichaUpload } from '@pichaflow\u002Fvue';\n\nconst onUploadSuccess = (response) => {\n  console.log('Uploaded:', response.url);\n};\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CPichaUpload\n    api-key=\"sk_live_...\"\n    :tags=\"['hero', 'banner']\"\n    @success=\"onUploadSuccess\"\n  \u002F>\n\u003C\u002Ftemplate>\n","vue","",[55,72,73,93,125,132,160,198,204,214,219,229,238,255,270,285,291],{"__ignoreMap":70},[74,75,78,82,86,90],"span",{"class":76,"line":77},"line",1,[74,79,81],{"class":80},"sMK4o","\u003C",[74,83,85],{"class":84},"swJcz","script",[74,87,89],{"class":88},"spNyl"," setup",[74,91,92],{"class":80},">\n",[74,94,96,100,103,107,110,113,116,119,122],{"class":76,"line":95},2,[74,97,99],{"class":98},"s7zQu","import",[74,101,102],{"class":80}," {",[74,104,106],{"class":105},"sTEyZ"," PichaUpload",[74,108,109],{"class":80}," }",[74,111,112],{"class":98}," from",[74,114,115],{"class":80}," '",[74,117,57],{"class":118},"sfazB",[74,120,121],{"class":80},"'",[74,123,124],{"class":80},";\n",[74,126,128],{"class":76,"line":127},3,[74,129,131],{"emptyLinePlaceholder":130},true,"\n",[74,133,135,138,141,144,147,151,154,157],{"class":76,"line":134},4,[74,136,137],{"class":88},"const",[74,139,140],{"class":105}," onUploadSuccess ",[74,142,143],{"class":80},"=",[74,145,146],{"class":80}," (",[74,148,150],{"class":149},"sHdIc","response",[74,152,153],{"class":80},")",[74,155,156],{"class":88}," =>",[74,158,159],{"class":80}," {\n",[74,161,163,166,169,173,176,178,181,183,186,189,191,194,196],{"class":76,"line":162},5,[74,164,165],{"class":105},"  console",[74,167,168],{"class":80},".",[74,170,172],{"class":171},"s2Zo4","log",[74,174,175],{"class":84},"(",[74,177,121],{"class":80},[74,179,180],{"class":118},"Uploaded:",[74,182,121],{"class":80},[74,184,185],{"class":80},",",[74,187,188],{"class":105}," response",[74,190,168],{"class":80},[74,192,193],{"class":105},"url",[74,195,153],{"class":84},[74,197,124],{"class":80},[74,199,201],{"class":76,"line":200},6,[74,202,203],{"class":80},"};\n",[74,205,207,210,212],{"class":76,"line":206},7,[74,208,209],{"class":80},"\u003C\u002F",[74,211,85],{"class":84},[74,213,92],{"class":80},[74,215,217],{"class":76,"line":216},8,[74,218,131],{"emptyLinePlaceholder":130},[74,220,222,224,227],{"class":76,"line":221},9,[74,223,81],{"class":80},[74,225,226],{"class":84},"template",[74,228,92],{"class":80},[74,230,232,235],{"class":76,"line":231},10,[74,233,234],{"class":80},"  \u003C",[74,236,237],{"class":84},"PichaUpload\n",[74,239,241,244,246,249,252],{"class":76,"line":240},11,[74,242,243],{"class":88},"    api-key",[74,245,143],{"class":80},[74,247,248],{"class":80},"\"",[74,250,251],{"class":118},"sk_live_...",[74,253,254],{"class":80},"\"\n",[74,256,258,261,263,265,268],{"class":76,"line":257},12,[74,259,260],{"class":88},"    :tags",[74,262,143],{"class":80},[74,264,248],{"class":80},[74,266,267],{"class":118},"['hero', 'banner']",[74,269,254],{"class":80},[74,271,273,276,278,280,283],{"class":76,"line":272},13,[74,274,275],{"class":88},"    @success",[74,277,143],{"class":80},[74,279,248],{"class":80},[74,281,282],{"class":118},"onUploadSuccess",[74,284,254],{"class":80},[74,286,288],{"class":76,"line":287},14,[74,289,290],{"class":80},"  \u002F>\n",[74,292,294,296,298],{"class":76,"line":293},15,[74,295,209],{"class":80},[74,297,226],{"class":84},[74,299,92],{"class":80},[60,301,303],{"id":302},"props","Props",[305,306,307,326],"table",{},[308,309,310],"thead",{},[311,312,313,317,320,323],"tr",{},[314,315,316],"th",{},"Prop",[314,318,319],{},"Type",[314,321,322],{},"Default",[314,324,325],{},"Description",[327,328,329,351,370],"tbody",{},[311,330,331,337,342,348],{},[332,333,334],"td",{},[55,335,336],{},"apiKey",[332,338,339],{},[55,340,341],{},"string",[332,343,344],{},[345,346,347],"strong",{},"Required",[332,349,350],{},"Your PichaFlow Secret Key.",[311,352,353,358,362,367],{},[332,354,355],{},[55,356,357],{},"baseUrl",[332,359,360],{},[55,361,341],{},[332,363,364],{},[55,365,366],{},"https:\u002F\u002Fapi.pichaflow.com",[332,368,369],{},"Optional API base URL.",[311,371,372,377,382,387],{},[332,373,374],{},[55,375,376],{},"tags",[332,378,379],{},[55,380,381],{},"string[]",[332,383,384],{},[55,385,386],{},"[]",[332,388,389],{},"Tags to apply to the upload.",[60,391,393],{"id":392},"events","Events",[305,395,396,408],{},[308,397,398],{},[311,399,400,403,406],{},[314,401,402],{},"Event",[314,404,405],{},"Payload",[314,407,325],{},[327,409,410,425,440],{},[311,411,412,417,422],{},[332,413,414],{},[55,415,416],{},"success",[332,418,419],{},[55,420,421],{},"UploadResponse",[332,423,424],{},"Fired when upload completes successfully.",[311,426,427,432,437],{},[332,428,429],{},[55,430,431],{},"error",[332,433,434],{},[55,435,436],{},"any",[332,438,439],{},"Fired on network or server errors.",[311,441,442,447,452],{},[332,443,444],{},[55,445,446],{},"progress",[332,448,449],{},[55,450,451],{},"number",[332,453,454],{},"Fired during upload progress updates.",[456,457,458],"style",{},"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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 .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 .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 .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);}",{"title":70,"searchDepth":95,"depth":95,"links":460},[461,462,463],{"id":62,"depth":95,"text":63},{"id":302,"depth":95,"text":303},{"id":392,"depth":95,"text":393},"Integrate PichaFlow into your Vue and Nuxt applications.","md",null,{},{"title":42,"description":464},"zA-oWRlg73PF1TF3YhOTedLGNyUmn1uRQ7zBl2Ncq-4",[471,466],{"title":38,"path":39,"stem":40,"description":472,"children":-1},"Integrate PichaFlow into your Svelte and SvelteKit applications with ease.",1778549837462]