<script setup>
import { useRouter } from 'vue-router'

const router = useRouter()
</script>

<template>
  <v-container>
    <v-row>
      <v-col cols="12">
        <v-card>
          <v-card-title class="text-h4"> Welcome to student management application </v-card-title>
          <v-card-text>
            <p class="text-body-1">Powered by Vue 3 and Vuetify</p>
            <v-alert type="info" variant="tonal" class="mt-4">
              Features built in progress ...
            </v-alert>
          </v-card-text>
          <v-card-actions>
            <v-btn color="primary" @click="router.push('/profile')"> 个人资料 </v-btn>
          </v-card-actions>
        </v-card>
      </v-col>
    </v-row>
  </v-container>
</template>
