slim landing page

src/views/HomeSlime.vue

@@ -0,0 +1,35 @@
+<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 ScrollTrigger from "gsap/ScrollTrigger";
+import ScrollSmoother from "gsap/ScrollSmoother";
+
+gsap.registerPlugin(ScrollTrigger, ScrollSmoother);
+
+onMounted(async () => {
+  await nextTick();
+
+  ScrollSmoother.create({
+    wrapper: "#smooth-wrapper",
+    content: "#smooth-content",
+    smooth: 0.2,
+    effects: true,
+  });
+
+  ScrollTrigger.refresh();
+});
+</script>
+
+<template>
+  <div id="smooth-wrapper">
+    <div id="smooth-content">
+      <Main id="welcome" />
+      <AboutMe id="me" />
+    </div>
+  </div>
+</template>
+
+<style lang="css" scoped></style>