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