<script setup lang="ts">
import HeroSection from '../components/sections/HeroSection.vue'
import ImageSection from '../components/sections/ImageSection.vue'
import TextSection from '../components/sections/TextSection.vue'
import { useActiveSection } from '../composables/useScrollAnimations'

const { currentSection } = useActiveSection(['hero', 'image', 'text'])
</script>

<template>
  <HeroSection id="hero" />
  <ImageSection id="image" />
  <TextSection id="text" />

  <div class="indicator">
    Aktuelle Section: {{ currentSection }}
  </div>
</template>