A library inspired by clickEffect and easily used as a vue directive
pnpm add vue3-effect-directiveimport 'vue3-effect-directive/dist/assets/animations/index.css'import { vSanja } from 'vue3-effect-directive'
import 'vue3-effect-directive/dist/assets/animations/sanja.css'<script setup>
import { vSanja } from 'vue3-effect-directive'
</script>
<template>
<button v-sanja>click!</button>
</template><script setup>
import { vSanja, Options } from 'vue3-effect-directive'
const options: Options = { ... }
</script>
<template>
<button v-sanja="options">click!</button>
</template>const app = createApp(App);
app.use(effectDirective, {
color: 'red',
})You just only to do is to add full css assets.
export default defineNuxtConfig({
css: [
'vue3-effect-directive/dist/assets/animations/index.css',
],
});