ayanova/src/App.vue

@@ -2,28 +2,27 @@
   <v-app>
     <v-navigation-drawer v-if="isAuthenticated" fixed v-model="drawer" app>
       <v-list dense>
-        <v-list-tile
+        <v-list-item
           v-for="item in navItems"
           :key="item.route"
           :to="item.route"
         >
-          <v-list-tile-action>
+          <v-list-item-action>
             <v-icon>{{ "fa-" + item.icon }}</v-icon>
-          </v-list-tile-action>
-          <v-list-tile-content>
-            <v-list-tile-title>{{ item.title }}</v-list-tile-title>
-          </v-list-tile-content>
-        </v-list-tile>
+          </v-list-item-action>
+          <v-list-item-content>
+            <v-list-item-title>{{ item.title }}</v-list-item-title>
+          </v-list-item-content>
+        </v-list-item>
       </v-list>
     </v-navigation-drawer>
-    <v-toolbar
+    <v-app-bar
       v-if="isAuthenticated"
       :color="appBar.isMain ? 'primary' : 'secondary'"
       dark
       fixed
-      app
     >
-      <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
+      <v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
       <v-toolbar-title style="width: 300px" class="ml-0 pl-3">
         <v-icon>{{ appBar.icon }}</v-icon
         >&nbsp;
@@ -48,7 +47,7 @@
         <v-spacer></v-spacer>
         <v-menu bottom left>
           <template v-slot:activator="{ on }">
-            <v-btn flat icon v-on="on">
+            <v-btn text icon v-on="on">
               <v-icon>fa-ellipsis-v</v-icon>
             </v-btn>
           </template>
@@ -62,31 +61,31 @@
                 :key="index"
                 :inset="item.inset"
               ></v-divider>
-              <v-list-tile
+              <v-list-item
                 v-else
                 :key="item.key"
                 :disabled="item.disabled"
                 @click="clickMenuItem(item)"
                 v-bind:class="{ 'hidden-sm-and-up': item.surface }"
               >
-                <v-list-tile-action>
+                <v-list-item-action>
                   <v-icon
                     v-if="item.icon"
                     :color="item.color ? item.color : ''"
                     >{{ "fa-" + item.icon }}</v-icon
                   >
-                </v-list-tile-action>
-                <v-list-tile-content>
-                  <v-list-tile-title>
+                </v-list-item-action>
+                <v-list-item-content>
+                  <v-list-item-title>
                     <span>{{ item.title }}</span>
-                  </v-list-tile-title>
-                </v-list-tile-content>
-              </v-list-tile>
+                  </v-list-item-title>
+                </v-list-item-content>
+              </v-list-item>
             </template>
           </v-list>
         </v-menu>
       </v-toolbar-items>
-    </v-toolbar>
+    </v-app-bar>
     <v-content>
       <v-container fluid fill-height>
         <v-layout justify-center>