| import{k as _}from"./index-oUF6_2z_.js";import{d as y,e as c,o as d,c as u,m as a,y as x,u as v,B as w}from"./index-Bh2aIkux.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";const h={bg:"neutral-100",flex:"~ col","items-center":"","justify-center":"","rounded-lg":"","px-4":"","py-3":""},C={key:0},U=["src"],k={bg:"neutral-100",class:"text-wrap-any","max-h":"100","overflow-scroll":"","rounded-lg":"","text-wrap":"","text-black":"","font-mono":""},R=y({__name:"image",setup(D){const p=c(),o=c(""),{copy:m}=_({source:o});async function g(s){return new Promise((e,n)=>{const t=new FileReader;t.onload=r=>{var l,i;e(((i=(l=r.target)==null?void 0:l.result)==null?void 0:i.toString())||"")},t.onerror=r=>{n(r)},t.readAsDataURL(s)})}async function f(s){var t;const n=(t=s.target.files)==null?void 0:t[0];if(n){p.value=n;const r=await g(n);o.value=r}}return(s,e)=>(d(),u("div",null,[a("label",h,[a("input",{type:"file",accept:"image/*",hidden:"",onChange:f},null,32),e[1]||(e[1]=a("span",null,"Upload Image",-1))]),o.value?(d(),u("div",C,[a("img",{src:o.value,alt:"Uploaded Image","w-100":""},null,8,U),a("pre",k," "+x(o.value)+` | |
| `,1),a("button",{bg:"primary-500",text:"white","mt-4":"","rounded-lg":"","px-4":"","py-2":"",onClick:e[0]||(e[0]=()=>v(m)())}," Copy Data URL ")])):w("",!0)]))}}),A=b(R,[["__scopeId","data-v-7edd53e6"]]);export{A as default}; | |