add mount of menu

fix store usage add page loader
2025-04-06 14:09:06 +02:00
parent d8a622ce0f
commit b287b671be
15 changed files with 175 additions and 81 deletions
@@ -0,0 +1,24 @@
+<template>
+  <div id="side-menu-loader">
+    <div id="side-menu-loader-bar" :style="createStyle(width)"></div>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, ref } from 'vue'
+
+const width = ref(0)
+const createStyle = (size) => {
+  return {
+    width: `${size}%`,
+  }
+}
+
+onMounted(() => {
+  window.addEventListener('beforeunload', () => {
+    setInterval(() => {
+      width.value = Math.min(width.value + 0.2, 100)
+    }, 25)
+  })
+})
+</script>