23 lines
456 B
JavaScript
23 lines
456 B
JavaScript
|
import { ref, onUnmounted } from 'vue'
|
||
|
|
|
||
|
|
export const useConfetti = () => {
|
||
|
|
let timeoutId = ref(null)
|
||
|
|
const nuxtApp = useNuxtApp()
|
||
|
|
const $confetti = nuxtApp.vueApp.config.globalProperties.$confetti
|
||
|
|
|
||
|
|
function play(duration=3000) {
|
||
|
|
$confetti.start({ defaultSize: 6 })
|
||
|
|
timeoutId = setTimeout(() => {
|
||
|
|
$confetti.stop()
|
||
|
|
}, duration)
|
||
|
|
}
|
||
|
|
|
||
|
|
onUnmounted(() => {
|
||
|
|
if (timeoutId) clearTimeout(timeoutId)
|
||
|
|
})
|
||
|
|
|
||
|
|
return {
|
||
|
|
play
|
||
|
|
}
|
||
|
|
}
|