| import{u as m,_ as g,l as _}from"./queues-BF6-JQg1.js";import{u as v}from"./queue-BK-P0Xgt.js";import{d as b,h as t,o as l,c as u,z as e,a as x,D as c,bC as h,bD as k}from"./index-CLaD8_x-.js";const z={flex:"","flex-col":"","gap-2":"","p-2":""},w={flex:"","flex-row":"","gap-2":""},S={"rounded-lg":"",bg:"zinc-100 dark:zinc-700","p-4":""},V={"w-full":"",flex:"","flex-row":"","gap-4":""},y={"w-full":"","rounded-lg":"",bg:"zinc-100 dark:zinc-700","p-2":""},D=b({__name:"messages",setup(C){const s=t(""),d=t([]),a=t(!1),f=v({handlers:[async i=>{d.value.push(i.data)}]}),r=m(f);async function p(){a.value=!0,r.add(s.value),r.add(_),s.value="",a.value=!1}return(i,n)=>(l(),u("div",z,[e("div",w,[x(g,{modelValue:s.value,"onUpdate:modelValue":n[0]||(n[0]=o=>s.value=o),placeholder:"Message",p:"2",bg:"zinc-100 dark:zinc-700","w-full":"","rounded-lg":"","outline-none":"",onSubmit:p},null,8,["modelValue"]),e("button",S,c(a.value?"Processing...":"Send"),1)]),e("div",V,[e("div",y,[n[1]||(n[1]=e("h3",{"font-semibold":""}," TTS Message ",-1)),(l(!0),u(h,null,k(d.value,o=>(l(),u("div",{key:o},[e("div",null,c(o),1)]))),128))])])]))}});export{D as default}; | |