summaryrefslogtreecommitdiff
path: root/packages/client/src/directives/click-anime.ts
blob: 099aac28f7c71e0194012cef3ecb023adeddb1e1 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import { Directive } from 'vue';
import { defaultStore } from '@/store';

export default {
	mounted(el, binding, vn) {
		/*
		if (!defaultStore.state.animation) return;

		el.classList.add('_anime_bounce_standBy');

		el.addEventListener('mousedown', () => {
			el.classList.add('_anime_bounce_standBy');
			el.classList.add('_anime_bounce_ready');

			el.addEventListener('mouseleave', () => {
				el.classList.remove('_anime_bounce_ready');
			});
		});

		el.addEventListener('click', () => {
			el.classList.add('_anime_bounce');
		});

		el.addEventListener('animationend', () => {
			el.classList.remove('_anime_bounce_ready');
			el.classList.remove('_anime_bounce');
			el.classList.add('_anime_bounce_standBy');
		});
		*/
	}
} as Directive;