X: {{ x }}
\nY: {{ y }}
\nSource: {{ sourceType }}
\nuseMouse — reactive mouse position.
1<script setup>2import { useMouse } from "@vueuse/core"34const { x, y, sourceType } = useMouse()5</script>67<template>8 <div>9 <p>X: {{ x }}</p>10 <p>Y: {{ y }}</p>11 <p>Source: {{ sourceType }}</p>12 </div>13</template>
Options:
1const { x, y } = useMouse({2 type: "client", // "page" | "screen" | "client"3 touch: true,4 resetOnTouchEnds: false5})