add temporary form for showing site

pages/home/index.vue

@@ -0,0 +1,39 @@
+<template>
+    <NuxtLayout :name="device" :config="config">
+      <main class="home">
+        <HomeTopSlider />
+        <HomeMainCategories />
+        <HomeBanners />
+        <HomeAmazingOffers />
+        <HomeReviews />
+        <HomeEstProducts />
+        <HomePopularCategories />
+        <HomeLatestPosts />
+        <HomeProducers :title="$t('producers')" />
+      </main>
+    </NuxtLayout>
+  </template>
+  
+  <script setup>
+  import init from "../initialize/home";
+  provide("init", init);
+  
+  const { device } = inject("service");
+  const config = reactive({
+    mobile: { header: { search: true, menu: true } },
+  });
+  
+  const { status, data, error } = await useFetch("/api/pages/landing");
+  
+  if (status.value == "success") {
+    useSeoMeta(data.value.meta || {});
+    provide("data", data.value);
+  } else throw createError(error.value);
+  </script>
+  
+  <style lang="scss">
+  .home {
+    @apply flex flex-col max-lg:pb-24;
+  }
+  </style>
+  

pages/index.vue

@@ -1,39 +1,26 @@
 <template>
-    <NuxtLayout :name="device" :config="config">
-        <main class="home">
-            <HomeTopSlider />
-            <HomeMainCategories />
-            <HomeBanners />
-            <HomeAmazingOffers />
-            <HomeReviews />
-            <HomeEstProducts />
-            <HomePopularCategories />
-            <HomeLatestPosts />
-            <HomeProducers :title="$t('producers')" />
-        </main>
-    </NuxtLayout>
+  <div class="flex flex-col w-72 h-max mx-auto mt-60 gap-6 lg:gap-10">
+    <InputText
+      class="w-full rounded-[0.6rem] border shadow-none border-[#CCCCCC] text-zinc-800 font-iran-sans"
+      v-model="pass"
+      placeholder="پسورد"
+    ></InputText>
+    <Button class="text-center" @click="confirm">تائید</Button>
+  </div>
 </template>
 
 <script setup>
-import init from '../initialize/home'
-provide('init', init)
-
-const { device } = inject('service')
-const config = reactive({
-    mobile: { header: { search: true, menu: true } },
-})
-
-const { status, data, error } = await useFetch('/api/pages/landing')
-
-if (status.value == 'success') {
-    useSeoMeta(data.value.meta || {})
-    provide('data', data.value)
+const router = useRouter();
+const pass = ref("");
+const confirm = () => {
+  if (pass.value === "s@A123456") {
+    router.push("/home")
+  }
 }
-else throw createError(error.value)
 </script>
 
 <style lang="scss">
 .home {
-    @apply flex flex-col max-lg:pb-24;
+  @apply flex flex-col max-lg:pb-24;
 }
 </style>