Skip to content
On this page

Get Started

Install

bash
# npm
npm install @elonehoo/pistachio

# yarn
yarn add @elonehoo/pistachio

#pnpm
pnpm install @elonehoo/pistachio
# npm
npm install @elonehoo/pistachio

# yarn
yarn add @elonehoo/pistachio

#pnpm
pnpm install @elonehoo/pistachio

NOTE

Pistachio requires vue >= v3.2

Demos

Vue3 + vite

Usage Example

Simply importing the functions you need from @elonehoo/pistachio

vue
<script setup lang="ts">
import { reactive, ref } from 'vue'
import { useMouse } from '@elonehoo/pistachio'

const elref = ref<any>(null)
const state = reactive({
  x: 0,
  y: 0
})
const remove = useMouse(elref, 'mousemove', (e) => {
  state.x = e.x
  state.y = e.y
})
</script>
<script setup lang="ts">
import { reactive, ref } from 'vue'
import { useMouse } from '@elonehoo/pistachio'

const elref = ref<any>(null)
const state = reactive({
  x: 0,
  y: 0
})
const remove = useMouse(elref, 'mousemove', (e) => {
  state.x = e.x
  state.y = e.y
})
</script>

Released under the MIT License.