diff --git a/src/components/PageLoader.vue b/src/components/PageLoader.vue index d75085e..f8ffa63 100644 --- a/src/components/PageLoader.vue +++ b/src/components/PageLoader.vue @@ -32,11 +32,17 @@ const createStyle = (size) => { width: `${size}%`, } } +let interval = null onMounted(() => { window.addEventListener('beforeunload', () => { - setInterval(() => { + interval = setInterval(() => { width.value = Math.min(width.value + 0.2, 100) + + if (width.value === 100) { + clearInterval(interval) + window.setTimeout(() => (width.value = 0), 2000) + } }, 25) }) })