import{R as v,c as u,o as m,l as t,W as g,S as p,d as b,z as w,D as y,t as c,u as s,G as C,J as B,a as d,m as _}from"./iconify-rhDH-VLI.js";const D={viewBox:"0 0 256 256",width:"1.5em",height:"1.5em"};function S(o,n){return m(),u("svg",D,n[0]||(n[0]=[t("path",{fill:"currentColor",d:"M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8"},null,-1)]))}const T=v({name:"ph-plus",render:S}),V={viewBox:"0 0 256 256",width:"1.5em",height:"1.5em"};function k(o,n){return m(),u("svg",V,n[0]||(n[0]=[t("path",{fill:"currentColor",d:"M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8"},null,-1)]))}const N=v({name:"ph-minus",render:k}),R=g("app",()=>{const{data:o}=p("count",0),{data:n}=p("name","John Doe");return{count:o,name:n,increment:()=>{o.value++},decrement:()=>{o.value--}}}),M={class:"text-center"},$={class:"text-lg font-semibold mb-4"},j={class:"text-lg font-semibold mb-4"},H={class:"flex gap-2 justify-center"},U=b({__name:"TestComponent",setup(o){const n=R(),{increment:i,decrement:a}=n,{count:f,name:r}=w(n);return(I,e)=>{const x=N,h=T;return m(),u("div",null,[e[6]||(e[6]=t("ul",null,[t("li",null,"This is a simple example showing Vue.js and DaisyUI."),t("li",null,"You can access relevant chrome apis here.")],-1)),t("div",M,[t("div",null,[t("div",$,"Name: "+c(s(r)),1),y(t("input",{"onUpdate:modelValue":e[0]||(e[0]=l=>B(r)?r.value=l:null),type:"text",class:"input input-primary"},null,512),[[C,s(r)]])]),e[5]||(e[5]=t("br",null,null,-1)),t("div",j,"Count: "+c(s(f)),1),t("div",H,[t("button",{class:"btn btn-primary",onClick:e[1]||(e[1]=(...l)=>s(a)&&s(a)(...l))},[d(x),e[3]||(e[3]=_(" Decrement "))]),t("button",{class:"btn btn-primary",onClick:e[2]||(e[2]=(...l)=>s(i)&&s(i)(...l))},[d(h),e[4]||(e[4]=_(" Increment "))])])])])}}});export{U as _};
