<template>
  <v-navigation-drawer v-model="drawer" clipped app>
    <v-list>
      <v-list-item-group v-model="item">
        <v-list-item v-for="(item, i) in items" :key="i" :to="item.route">
          <v-list-item-icon>
            <v-icon v-text="item.icon"></v-icon>
          </v-list-item-icon>
          <v-list-item-content>
            <v-list-item-title v-text="item.title"></v-list-item-title>
          </v-list-item-content>
        </v-list-item>
      </v-list-item-group>
    </v-list>
  </v-navigation-drawer>
</template>

<script>
import "material-design-icons-iconfont/dist/material-design-icons.css";
export default {
  name: "LeftNavbarComponent",
  data() {
    return {
      drawer: null,
      item: 1,
      items: [
        {
          title: "APP LIST",
          icon: "folder_open",
          route: `/drive/file?cid=0`
        },
        
        { title: "TRASH", icon: "delete_outline", route: "/drive/trash" }
      ]
    };
  }
};
</script>