From c6030f32d9408601bfbb6508ce96baa60b018dbc Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Wed, 26 Feb 2025 21:00:16 +0330
Subject: [PATCH] Define loading state

---
 frontend/pages/index.vue | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 3d15436..e94ceed 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -4,10 +4,32 @@
 
 import useHomeData from "~/composables/api/home/useHomeData";
 
+// type
+
+export type LoadingOverlayProvideType = {
+    showLoadingOverlay: Ref<boolean>,
+    changeLoadingOverlay: (value: boolean) => void,
+}
+
 // state
 
 const { suspense } = useHomeData();
 
+const showLoadingOverlay = ref(true);
+
+// method
+
+const changeLoadingOverlay = (value: boolean) => {
+    showLoadingOverlay.value = value;
+};
+
+// provide / inject
+
+provide("loadingOverlay", {
+    showLoadingOverlay,
+    changeLoadingOverlay
+});
+
 // ssr
 
 const response = await suspense();
@@ -23,7 +45,7 @@ if (response.isError) {
 
 <template>
     <div class="w-full">
-<!--        <LoadingOverlay />-->
+        <LoadingOverlay />
         <Hero />
         <Preview />
         <ProductsShowcase />