isl-vue3/src/App.vue

<script setup lang="ts">
import { RouterView } from 'vue-router'
import GlobalHeader from '@/components/GlobalHeader.vue'
</script>

<template>
  <v-app>
    <GlobalHeader />
    <v-navigation-drawer permanent absolute>
      <v-list nav dense>
        <v-list-item :to="{ name: 'blessing-power' }">
          <v-list-item-title>Blessing Power</v-list-item-title>
        </v-list-item>
        <v-list-item :to="{ name: 'fellow-power' }">
          <v-list-item-title>Fellow Power</v-list-item-title>
        </v-list-item>
      </v-list>
    </v-navigation-drawer>
    <v-main>
      <RouterView />
    </v-main>
    <v-footer>
      <div>The footer goes here</div>
    </v-footer>
  </v-app>
</template>

<style></style>