23 lines
604 B
Vue
23 lines
604 B
Vue
<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>
|