assets/image-Be-MqGry.js

import{d as _,e as c,bZ as y,c as d,o as u,v as a,A as x,B as v,b}from"./index-BLLVP689.js";import{_ as w}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"],R={bg:"neutral-100",class:"text-wrap-any","max-h":"100","overflow-scroll":"","rounded-lg":"","text-wrap":"","text-black":"","font-mono":""},k=_({__name:"image",setup(D){const p=c(),o=c(""),{copy:m}=y({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)=>(u(),d("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?(u(),d("div",C,[a("img",{src:o.value,alt:"Uploaded Image","w-100":""},null,8,U),a("pre",R,"        "+v(o.value)+`
      `,1),a("button",{bg:"primary-500",text:"white","mt-4":"","rounded-lg":"","px-4":"","py-2":"",onClick:e[0]||(e[0]=()=>b(m)())}," Copy Data URL ")])):x("",!0)]))}}),A=w(k,[["__scopeId","data-v-7edd53e6"]]);export{A as default};