Index.vue

<template>
  <v-app>
    <home-app-bar />
    <home-drawer
      v-model="drawer"
      :items="items"
    />

    <home-view />

    <home-footer />
  </v-app>
</template>

<script>
  import { mapGetters } from 'vuex'
  export default {
    name: 'HomeLayout',

    components: {
      HomeAppBar: () => import('@/layouts/home/AppBar'),
      HomeFooter: () => import('@/layouts/home/Footer'),
      HomeView: () => import('@/layouts/home/View'),
      HomeDrawer: () => import('@/layouts/home/Drawer'),
    },
    data: () => ({
      drawer: !null,
      links: [
        { name: 'Control', type: 'default', icon: 'mdi-view-dashboard' },
        { name: 'Centros', type: 'admin', icon: 'mdi-hospital-building' },
        { name: 'Pacientes', type: 'default', icon: 'mdi-account-multiple' },
      ],
    }),
    computed: {
      ...mapGetters(['user']),
      items () {
        return this.links
      },
    },
  }
</script>