<template>
  <v-navigation-drawer
    :model-value="modelValue"
    @update:model-value="emit('update:modelValue', $event)"
    app
    width="250"
  >
    <v-list-item title="Welcome to Students App" subtitle="powered by vuetify"></v-list-item>
    <v-divider></v-divider>
    <v-list>
      <v-list-item link title="Home" @click="$router.push('/')"></v-list-item>
      <v-list-item link title="Profile" @click="$router.push('/profile')"></v-list-item>
    </v-list>
  </v-navigation-drawer>
</template>

<script setup>
const props = defineProps({
  modelValue: Boolean
})
const emit = defineEmits(['update:modelValue'])
</script>

<style scoped>
</style>
