https://canagirkaya.com/_nuxt/mouse.RaIxT7HG.js

1import{_ as p,r as i,l as _,o as y,e as f,x as a,y as l,G as v,H as S,I as h,v as d,J as x,D as E,E as k}from"./entry.bsLYsc33.js";const w=s=>(E("data-v-eacd5c3c"),s=s(),k(),s),g={class:"mouse"},L=w(()=>l("div",{class:"yourmouse"},null,-1)),I={class:"mice"},O={__name:"mouse",setup(s){i(!1);const r=i([]),{SOCKET_URL:m,API_URL:u}=_().app;return y(async()=>{try{const o=new WebSocket(m),t=await $fetch(u+"/mice",{method:"POST"});o.addEventListener("open",()=>{o.send(JSON.stringify(t))}),o.addEventListener("message",e=>{const c=JSON.parse(e.data);r.value=c.filter(n=>n.id!==t.id)}),r.value=await $fetch(u+"/mice?id="+t.id),window.addEventListener("mousemove",e=>{const c=e.clientX,n=e.clientY;document.documentElement.style.cursor="none",document.querySelector(".yourmouse").style.left=c+"px",document.querySelector(".yourmouse").style.top=n+"px",document.querySelector(".yourmouse").style.backgroundColor=t.color,o.send(JSON.stringify({x:c,y:n,id:t.id}))})}catch(o){console.error(o)}}),f(()=>{window.removeEventListener("mousemove",()=>{document.documentElement.style.cursor="auto"})}),(o,t)=>(d(),a("div",g,[L,l("div",I,[(d(!0),a(v,null,S(h(r),e=>(d(),a("div",{key:e.id,class:"mouse",style:x(`background-color:${e.color};left:${e.x}px;top:${e.y}px`)},null,4))),128))])]))}},B=p(O,[["__scopeId","data-v-eacd5c3c"]]);export{B as default};