This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Just plug this as a prop into <NuxtPage> | |
import gsap from "gsap" | |
import type { TransitionProps } from "vue" | |
import { useGlobalState } from "~/composables/state" | |
const preTransition = () => { | |
useScroll().disableScroll() | |
useGlobalState().value.isPageTransitioning = true | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// <DIR>/src/hooks/useLocoScroll.js | |
import gsap from "gsap"; | |
import ScrollTrigger from "gsap/ScrollTrigger"; | |
import { useEffect } from "react"; | |
import LocomotiveScroll from "locomotive-scroll"; | |
// REPLACE THIS WITH YOUR STYLES | |
import "@styles/locomotive-scroll.scss"; |