PageLoader: hide after full progress

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)
   })
 })