npmpackage.info

Gathering detailed insights and metrics for @vueuse/gesture

Other packages similar to @vueuse/gesture

@douxcode/vue-spring-bottom-sheet

1.0.3

Modern and Performant Bottom Sheet for Vue.js

Gathering detailed insights and metrics for @vueuse/gesture

@vueuse/gesture

🕹 Vue Composables making your app interactive

2.0.0

368

MIT

TypeScript

8.24 kB

630,631 1.9

Installations

npm install @vueuse/gesture

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

16.17.0

NPM Version

8.15.0 Score

59.6

Supply Chain

91.7

Quality

81.1

Maintenance

Vulnerability

100

License

Pull Requests

Open

1

Total

5

Closed

0

Merged

4

Issues

Open

16

Total

26

Closed

10

Releases

v2.0.0

2.0.0

Published on 22 Feb 2024

View all 1 releases

Contributors

Unable to fetch Contributors

View all 21 contributors

Languages

TypeScript

TypeScript (100%)

Developer

vueuse

Download Statistics

Total Downloads

630,631

Last Day

414

Last Week

6,329

Last Month

40,426

Last Year

331,930

GitHub Statistics

368 Stars

205 Commits

18 Forks

6 Watching

1 Branches

21 Contributors

Bundle Size

30.94 kB

Minified

8.24 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

2.0.0

Package Id

@vueuse/gesture@2.0.0

Unpacked Size

183.94 kB

Size

35.14 kB

File Count

NPM Version

8.15.0

Node Version

16.17.0

Publised On

22 Feb 2024

Total Downloads

Cumulative downloads

Total Downloads

630,631

Last day

-78.9%

414

Compared to previous day

Last week

-40.8%

6,329

Compared to previous week

Last month

-4.1%

40,426

Compared to previous month

Last year

71.5%

331,930

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

chokidar consola upath vue-demi

Peer Dependencies

@vue/composition-api vue

Dev Dependencies

Versions

🕹 @vueuse/gesture

Vue Composables making your app interactive

🚀 Plug & play
🕹 Mouse & Touch support
🎮 Directives support (v-drag, v-pinch, v-move...)
✨ Written in TypeScript
✅ Supports Vue 2 & 3 using vue-demi
🤹 Plays well with vueuse/motion or any other animation solution

🌍 Documentation

👀 Demos

Quick Start

Let's get started quickly by installing the package and adding the plugin.

From your terminal:

1pnpm add @vueuse/gesture

In your Vue app entry file:

1import { createApp } from 'vue'
2import { GesturePlugin } from '@vueuse/gesture'
3import App from './App.vue'
4
5const app = createApp(App)
6
7app.use(GesturePlugin)
8
9app.mount('#app')

You can now interact with any of your component, HTML or SVG elements using v-drag or any other directive.

1<template>
2  <div v-drag="dragHandler" />
3</template>
4
5<script lang="ts">
6const dragHandler = (dragState) => {
7  // Do something with dragState
8}
9</script>

To see more about the gestures events data, check out Gesture State.

To see more about the gestures options, check out Gesture Options.

Also, here is a list of the available gestures:

Credits

This package is a fork react-use-gesture by pmndrs.

If you like this package, consider following me on GitHub and on Twitter.

👋

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.9

/10

Last Scanned on 2024-12-16

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More