Okay I got it working in my main project now. The solution was to use onMount(), which I thought was optional, and import + register ScrollTrigger as you already suggested because it works as a dependency. I've updated the code I posted here to the working version:
<script lang="ts">
import { onMount } from "svelte";
import { gsap } from "gsap/dist/gsap";
import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
import { ScrollSmoother } from "gsap/dist/ScrollSmoother";
gsap.registerPlugin(ScrollTrigger, ScrollSmoother);
onMount(() => {
ScrollSmoother.create({
smooth: 1,
effects: true,
smoothTouch: 0.1
});
});
</script>
<div id="smooth-wrapper">
<main id="smooth-content">
<slot />
</main>
</div>
The error message threw me way too much off, thank you guys very much!
