🎨

packages/frontend/src/components/MkUpdated.vue

@@ -26,7 +26,9 @@ const whatIsNew = () => {
 };
 
 onMounted(() => {
-	confetti();
+	confetti({
+		duration: 1000 * 3,
+	});
 });
 </script>
 

packages/frontend/src/scripts/confetti.ts

@@ -1,8 +1,8 @@
 import _confetti from 'canvas-confetti';
 import * as os from '@/os';
 
-export function confetti() {
-	const duration = 1000 * 5;
+export function confetti(options: { duration?: number; } = {}) {
+	const duration = options.duration ?? 1000 * 5;
 	const animationEnd = Date.now() + duration;
 	const defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: os.claimZIndex('high') };