rss-unlimited/app/main.vue

<script>
import VueRouter from 'vue-router'
import Home from './home.vue'
const router = new VueRouter({
  routes: [
    { path: '', component: Home },
    //{ path: '/signup', component: null }
  ]
})

router.beforeEach((to, from, next) => {
  console.log(to, from)
  next()
})


export default {
  router,
  data() {
    return {
      drawer: false
    }
  }
}
</script>

<template>
    <v-app>
      <v-content>
        <v-toolbar color="primary">
          <v-toolbar-side-icon v-on:click="drawer = !drawer" />
          <v-toolbar-title>RSS Archive</v-toolbar-title>
        </v-toolbar>
        <v-navigation-drawer absolute temporary v-model="drawer">
          <v-toolbar flat>
            <v-toolbar-side-icon v-on:click="drawer = !drawer" />
            <v-toolbar-title>RSS Archive</v-toolbar-title>
          </v-toolbar>
          <v-list>
            <v-list-tile>
              <v-list-tile-action>
                <v-icon>home</v-icon>
              </v-list-tile-action>
              <v-list-tile-title>Home</v-list-tile-title>
            </v-list-tile>

            <v-list-group
              prepend-icon="account_circle"
              value="true"
            >
              <template v-slot:activator>
                <v-list-tile>
                  <v-list-tile-title>Users</v-list-tile-title>
                </v-list-tile>
              </template>
              <v-list-group
                no-action
                sub-group
                value="true"
              >
                <template v-slot:activator>
                  <v-list-tile>
                    <v-list-tile-title>Admin</v-list-tile-title>
                  </v-list-tile>
                </template>
              </v-list-group>

              <v-list-group
                sub-group
                no-action
              >
                <template v-slot:activator>
                  <v-list-tile>
                    <v-list-tile-title>Actions</v-list-tile-title>
                  </v-list-tile>
                </template>
              </v-list-group>
            </v-list-group>
          </v-list>
          <v-divider></v-divider>

        </v-navigation-drawer>
        <v-container>
          <router-view />
        </v-container>
      </v-content>
    </v-app>
</template>

<style scoped>
  .hero {
    text-align: center;
  }
</style>