https://wvovaw.github.io/links/_nuxt/BaSdE8Ji.js

1import m from"./COWPhY7z.js";import{U as c}from"./o4Rl7-KO.js";import{f as _,V as n,ab as x,o as d,j as v,w as h,a as e,b as r,i as s,az as u,D as p,t as w,c as f}from"./DhfT4ull.js";import"./DlAUqK2U.js";const b={class:"flex-rows flex flex-wrap justify-around gap-4"},k={class:"max-w-xs flex flex-col gap-2 border-1 border-beerus rounded-moon-s-sm p-4"},V={class:"space-y-2"},g=e("label",{class:"text-trunks",for:"inp-1"},"Input something",-1),y={class:"w-full flex gap-2"},z={class:"h-3"},B={class:"max-w-xs flex flex-col gap-2 border-1 border-beerus rounded-moon-s-sm p-4"},C={class:"space-y-2"},I=e("label",{class:"text-trunks",for:"inp-2"},"Input 'Hello World!'",-1),U={class:"w-full flex gap-2"},H={class:"h-5 flex"},W={key:0,class:"i-lucide:x","aria-hidden":""},$={key:1,class:"i-lucide:check","aria-hidden":""},P=_({__name:"VModel",setup(j){const a=n(),o=n(),i=n(!1);return x([o],()=>{o.value==="Hello World!"?i.value=!1:i.value=!0}),(D,l)=>(d(),v(m,null,{default:h(()=>[e("div",b,[e("div",k,[e("div",V,[g,e("div",y,[r(s(c),{id:"inp-1",modelValue:s(a),"onUpdate:modelValue":l[0]||(l[0]=t=>u(a)?a.value=t:null),size:"sm","full-width":""},null,8,["modelValue"]),r(s(p),{icon:"i-lucide:iteration-cw",size:"sm","aria-label":"reset",onClick:l[1]||(l[1]=t=>a.value="")})]),e("div",z," → "+w(s(a)),1)])]),e("div",B,[e("div",C,[I,e("div",U,[r(s(c),{id:"inp-2",modelValue:s(o),"onUpdate:modelValue":l[2]||(l[2]=t=>u(o)?o.value=t:null),size:"sm",error:s(i),"error-message":"Hello World! expected","full-width":""},null,8,["modelValue","error"]),r(s(p),{icon:"i-lucide:iteration-cw",size:"sm","aria-label":"reset",onClick:l[3]||(l[3]=t=>o.value="")})]),e("div",H,[s(i)===!0?(d(),f("span",W)):(d(),f("span",$))])])])])]),_:1}))}});export{P as default};