| import{o as _,_ as b,q as k}from"./Stage.vue_vue_type_style_index_0_scoped_af8e2d0b_lang-BjHMXKfD.js";import{u as x}from"./queue-CUO21uzo.js";import{d as z,e as u,c as s,o as t,v as e,a as h,b as w,B as i,bH as f,bO as m}from"./index-BLLVP689.js";const M={flex:"","flex-col":"","gap-2":"","p-2":""},V={flex:"","flex-row":"","gap-2":""},y={"rounded-lg":"",bg:"zinc-100 dark:zinc-700","p-4":""},B={"w-full":"",flex:"","flex-row":"","gap-4":""},E={"w-full":"","rounded-lg":"",bg:"zinc-100 dark:zinc-700","p-2":""},Q={"w-full":"","rounded-lg":"",bg:"zinc-100 dark:zinc-700","p-2":""},N=z({__name:"emotions",setup(S){const l=u(""),p=u([]),r=u([]),d=u(!1),g=x({handlers:[async a=>{r.value.push(a.data)}]}),c=_(g);function v(){d.value=!0;const a=l.value.split("");for(const o of a)c.add(o);c.add(k),l.value="",d.value=!1}return(a,o)=>(t(),s("div",M,[e("div",V,[h(w(b),{modelValue:l.value,"onUpdate:modelValue":o[0]||(o[0]=n=>l.value=n),placeholder:"Message",p:"2",bg:"zinc-100 dark:zinc-700","w-full":"","rounded-lg":"","outline-none":"",onSubmit:v},null,8,["modelValue"]),e("button",y,i(d.value?"Processing...":"Send"),1)]),e("div",B,[e("div",E,[o[1]||(o[1]=e("h3",{"font-semibold":""}," Messages ",-1)),(t(!0),s(f,null,m(p.value,n=>(t(),s("div",{key:n},[e("div",null,i(n),1)]))),128))]),e("div",Q,[o[2]||(o[2]=e("h3",{"font-semibold":""}," Emotions ",-1)),(t(!0),s(f,null,m(r.value,n=>(t(),s("div",{key:n},[e("div",null,i(n),1)]))),128))])])]))}});export{N as default}; | |