diff --git a/frontend/components/global/LoadingOverlay.vue b/frontend/components/global/LoadingOverlay.vue index 960696e..4b10c09 100644 --- a/frontend/components/global/LoadingOverlay.vue +++ b/frontend/components/global/LoadingOverlay.vue @@ -5,7 +5,7 @@ const { $gsap: gsap } = useNuxtApp(); const isSiteLoadingDisabled = useCookie("is-site-loading-disabled", { default: () => false, - expires: new Date(Date.now() + 24 * 60 * 60 * 1000), + expires: new Date(Date.now() + 15 * 60 * 1000), }); const shouldRenderLoadingOverlay = ref(true); @@ -27,12 +27,12 @@ const progressStyle = computed(() => { // methods -const onAssetLoaded = () => { - clearInterval(progressInterval.value!); - criticalLoad.value = false; - assetLoadingProgress.value = 100; - isAssetLoaded.value = true; -}; +// const onAssetLoaded = () => { +// clearInterval(progressInterval.value!); +// criticalLoad.value = false; +// assetLoadingProgress.value = 100; +// isAssetLoaded.value = true; +// }; const onAssetFinished = () => { gsap.to("#loading-overlay", { @@ -59,15 +59,15 @@ onMounted(() => { if (!isSiteLoadingDisabled.value) { isWindowScrollLocked.value = true; - const heymlzLoadingAnimation = document.querySelector("#heymlz-loading-animation") as HTMLVideoElement; + // const heymlzLoadingAnimation = document.querySelector("#heymlz-loading-animation") as HTMLVideoElement; - if (heymlzLoadingAnimation?.readyState >= HTMLMediaElement.HAVE_ENOUGH_DATA) { - onAssetLoaded(); - } + // if (heymlzLoadingAnimation?.readyState >= HTMLMediaElement.HAVE_ENOUGH_DATA) { + // onAssetLoaded(); + // } progressInterval.value = setInterval(() => { - assetLoadingProgress.value += Math.random() * 10; - }, 250); + assetLoadingProgress.value += Math.random() * 50; + }, 150); gsap.to("#loading-overlay", { opacity: 1, @@ -100,7 +100,7 @@ onMounted(() => { -