Define loading state

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 />