diff --git a/packages/frontend/src/components/MkAnnouncementDialog.vue b/packages/frontend/src/components/MkAnnouncementDialog.vue index df46e80eca..9b00cdfbef 100644 --- a/packages/frontend/src/components/MkAnnouncementDialog.vue +++ b/packages/frontend/src/components/MkAnnouncementDialog.vue @@ -39,6 +39,7 @@ import MkButton from '@/components/MkButton.vue'; import { i18n } from '@/i18n.js'; import { $i } from '@/i.js'; import { updateCurrentAccountPartial } from '@/accounts.js'; +import { confetti } from '@/utility/confetti.js'; const props = defineProps<{ announcement: Misskey.entities.Announcement; @@ -83,6 +84,12 @@ function onBgClick() { const hasReachedBottom = ref(false); onMounted(() => { + if (props.announcement.confetti) { + confetti({ + duration: 1000 * 3, + }); + } + if (bottomEl.value && rootEl.value) { const bottomElRect = bottomEl.value.getBoundingClientRect(); const rootElRect = rootEl.value.getBoundingClientRect();