diff --git a/packages/frontend/src/components/MkUpdated.vue b/packages/frontend/src/components/MkUpdated.vue index 2ed0c6ea3..1f539b154 100644 --- a/packages/frontend/src/components/MkUpdated.vue +++ b/packages/frontend/src/components/MkUpdated.vue @@ -26,7 +26,9 @@ const whatIsNew = () => { }; onMounted(() => { - confetti(); + confetti({ + duration: 1000 * 3, + }); }); diff --git a/packages/frontend/src/scripts/confetti.ts b/packages/frontend/src/scripts/confetti.ts index 2a9f39390..d1fbd0ee7 100644 --- a/packages/frontend/src/scripts/confetti.ts +++ b/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') };