VueUse 是一个基于 Composition API 的实用函数集合。简单来说,就是一个工具函数包。

    1. pnpm install @vueuse/nuxt @vueuse/core
    1. // nuxt.config.js
    2. export default defineNuxtConfig({
    3. // ... 其他配置
    4. modules: [
    5. // ...
    6. '@vueuse/nuxt',
    7. ],
    8. })

    使用

    1. <script setup lang="ts">
    2. const { x, y } = useMouse()
    3. </script>
    4. <template>
    5. <div>pos: {{x}}, {{y}}</div>
    6. </template>