-
+
+
{{ rate }}
diff --git a/frontend/components/global/SideDrawer.vue b/frontend/components/global/SideDrawer.vue
new file mode 100644
index 0000000..467b139
--- /dev/null
+++ b/frontend/components/global/SideDrawer.vue
@@ -0,0 +1,112 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ link.title }}
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/components/home/Categories.vue b/frontend/components/home/Categories.vue
index 6b76e5f..1a6ba3c 100644
--- a/frontend/components/home/Categories.vue
+++ b/frontend/components/home/Categories.vue
@@ -26,14 +26,17 @@ const onSwiper = (swiper: SwiperClass) => {
>
-
+
دسته بندی ها
@@ -41,9 +44,19 @@ const onSwiper = (swiper: SwiperClass) => {
{
-
+
مشاهده همه دسته ها
diff --git a/frontend/components/home/Hero.vue b/frontend/components/home/Hero.vue
index aaca471..f38cbbb 100644
--- a/frontend/components/home/Hero.vue
+++ b/frontend/components/home/Hero.vue
@@ -5,17 +5,13 @@
import { Swiper, SwiperSlide } from "swiper/vue";
import type { SwiperClass } from "swiper/react";
import useHomeData from "~/composables/api/home/useHomeData";
-import type { LoadingOverlayProvideType } from "~/pages/index.vue";
-
-// provide / inject
-
-const { changeLoadingOverlay } = inject("loadingOverlay") as LoadingOverlayProvideType;
// state
const { data: homeData } = useHomeData();
const { $gsap: gsap, $ScrollTrigger: ScrollTrigger } = useNuxtApp();
const swiper_instance = ref(null);
+const showLoadingOverlay = useState('showLoadingOverlay');
const observerTarget = ref(null);
const shouldPauseVideos = ref(false);
@@ -23,7 +19,6 @@ const shouldPauseVideos = ref(false);
useIntersectionObserver(
observerTarget,
([entry], observerElement) => {
- console.log(entry.rootBounds ? !entry.isIntersecting : false, "asdad");
shouldPauseVideos.value = entry.rootBounds ? !entry.isIntersecting : false;
}
);
@@ -36,7 +31,7 @@ let gsapTimeline: gsap.core.Timeline;
// methods
const onSwiper = (swiper: SwiperClass) => {
- changeLoadingOverlay(false);
+ showLoadingOverlay.value = false;
swiper_instance.value = swiper;
};
@@ -99,18 +94,11 @@ onMounted(() => {
marginTop: "0px",
scale: 1.025
}, {
- marginTop: "96px",
+ marginTop: () => {
+ const navbarEl = document.querySelector("#header-navbar") as HTMLDivElement;
+ return `${navbarEl.clientHeight}px`;
+ },
scale: 1
- }, "=")
- .fromTo("#header-slider-pagination-child", {
- padding: "0px 0px"
- }, {
- padding: "0px 80px"
- }, "=")
- .fromTo(".header-slider-item-child", {
- padding: "0px 80px"
- }, {
- padding: "0px 40px"
}, "=");
ScrollTrigger.create({
@@ -122,7 +110,6 @@ onMounted(() => {
// markers: true,
end: "bottom top"
});
-
});
onUnmounted(() => {
@@ -133,15 +120,23 @@ onUnmounted(() => {
-