<script setup lang="ts">
import { ref } from 'vue'
import Header from './components/Header.vue'
import Home from './components/Home.vue'
import About from './components/About.vue'
import Footer from './components/Footer.vue'

const isHome = ref(true)
const setHome = (value: boolean) => {
    isHome.value = value
}

</script>

<template>
    <div class="min-h-screen w-full bg-slate-100 flex flex-col justify-between items-center p-4 md:p-16 gap-5 text-neutral-700">
        <Header @setHome="setHome" />
        <Home v-if="isHome" />
        <About v-else />
        <Footer />
    </div>
</template>
