mouse.js
import { ref,onMounted,onUnmounted } from "vue"
export function useMouseposition(){
const x=ref(0);
const y=ref(0);
function update(e){
x.value= e.pageX;
y.value = e.pageY
}
onMounted(()=>{
window.addEventListener('mousemove',update)
})
onUnmounted(()=>{
window.removeEventListener('mousemove',update)
})
return {x,y}
}
import {useMouseposition} from '../utils/mouse'
const {x,y} =useMouseposition();