rudeshark.net/packages/client/src/directives/anim.ts

import { Directive } from "vue";

export default {
	beforeMount(src, binding, vn) {
		src.style.opacity = "0";
		src.style.transform = "scale(0.9)";
		// ページネーションと相性が悪いので
		//if (typeof binding.value === 'number') src.style.transitionDelay = `${binding.value * 30}ms`;
		src.classList.add("_zoom");
	},

	mounted(src, binding, vn) {
		window.setTimeout(() => {
			src.style.opacity = "1";
			src.style.transform = "none";
		}, 1);
	},
} as Directive;