<script setup  //type>
import Page from "@/page/index.vue";
import { RouterLink } from "vue-router";
</script>

<template>
  <div class="container">
    <div class="title">
      //title
    </div>
    <div class="navs">
      <nav>
        <RouterLink to="/">Home</RouterLink>
        <RouterLink to="/about">About</RouterLink>
      </nav>
    </div>
    <div>
      <Page></Page>
    </div>
  </div>
</template> 
<style  scoped>
 .container{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 100vh; 
 }
 .title{
  font-weight: bold;
  font-size: 1.3rem;
  color: #475569;
  margin: 1rem 0;
 }
</style>
