33 lines
667 B
Vue
33 lines
667 B
Vue
<script setup lang="ts">
|
|
import Main from "../components/slim/Main.vue";
|
|
import AboutMe from "../components/slim/AboutMe.vue";
|
|
|
|
import { onMounted, nextTick } from "vue";
|
|
import gsap from "gsap";
|
|
import ScrollSmoother from "gsap/ScrollSmoother";
|
|
|
|
gsap.registerPlugin(ScrollSmoother);
|
|
|
|
onMounted(async () => {
|
|
await nextTick();
|
|
|
|
ScrollSmoother.create({
|
|
wrapper: "#smooth-wrapper",
|
|
content: "#smooth-content",
|
|
smooth: 1.5,
|
|
effects: true,
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div id="smooth-wrapper">
|
|
<div id="smooth-content">
|
|
<Main id="welcome" />
|
|
<AboutMe id="me" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="css" scoped></style>
|