fixed add to cart bugs

pages/index.vue

@@ -1,22 +1,34 @@
 <template>
-  <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>
+  <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>
-const router = useRouter();
-const pass = ref("");
-const confirm = () => {
-  if (pass.value === "s@A123456") {
-    router.push("/home")
-  }
-}
+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">