Updated

frontend/pages/index.vue

@@ -1,14 +1,14 @@
 <script lang="ts" setup>
-
 // import
 
 import useHomeData from "~/composables/api/home/useHomeData";
 import ProductsGrid from "~/components/global/ProductsGrid.vue";
 
+import { useStorage } from "@vueuse/core";
+
 // state
 
 const { data: homeData, suspense } = useHomeData();
-const disableLoadingOverlay = useState("disableLoadingOverlay", () => false);
 
 // ssr
 
@@ -17,7 +17,7 @@ const response = await suspense();
 if (response.isError) {
     throw createError({
         statusCode: 500,
-        statusMessage: `Landing error : ${response.error.message}`
+        statusMessage: `Landing error : ${response.error.message}`,
     });
 }
 
@@ -26,12 +26,11 @@ if (response.isError) {
 onMounted(() => {
     window.scrollTo(0, 0);
 });
-
 </script>
 
 <template>
     <div class="w-full">
-        <LoadingOverlay v-if="!disableLoadingOverlay" />
+        <LoadingOverlay />
         <Hero class="mb-20 max-md:mt-[80px]" />
         <Preview />
         <ProductsShowcase class="mb-40" />
@@ -41,8 +40,6 @@ onMounted(() => {
         />
         <Categories class="mt-40" />
         <Brands />
-        <ClientOnly>
+        <LatestStories class="mb-20" />
-            <LatestStories class="mb-20" />
-        </ClientOnly>
     </div>
-</template>
+</template>