ayanova/src/App.vue

@@ -2,7 +2,11 @@
   <v-app>
     <v-navigation-drawer v-if="isAuthenticated" fixed v-model="drawer" app>
       <v-list dense>
-        <v-list-tile v-for="item in navItems" :key="item.route" :to="item.route">
+        <v-list-tile
+          v-for="item in navItems"
+          :key="item.route"
+          :to="item.route"
+        >
           <v-list-tile-action>
             <v-icon>{{ "fa-" + item.icon }}</v-icon>
           </v-list-tile-action>
@@ -12,24 +16,33 @@
         </v-list-tile>
       </v-list>
     </v-navigation-drawer>
-    <v-toolbar v-if="isAuthenticated" :color="appBar.isMain?'primary':'secondary'" dark fixed app>
+    <v-toolbar
+      v-if="isAuthenticated"
+      :color="appBar.isMain ? 'primary' : 'secondary'"
+      dark
+      fixed
+      app
+    >
       <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
       <v-toolbar-title style="width: 300px" class="ml-0 pl-3">
-        <v-icon>{{ appBar.icon }}</v-icon>&nbsp;
-        <span>{{ appBar.title}}</span>
+        <v-icon>{{ appBar.icon }}</v-icon
+        >&nbsp;
+        <span>{{ appBar.title }}</span>
       </v-toolbar-title>
       <v-spacer></v-spacer>
       <v-toolbar-items>
-        <template v-for="(item) in appBar.menuItems">
+        <template v-for="item in appBar.menuItems">
           <v-btn
             class="hidden-xs-only"
             icon
             v-if="item.surface"
             :key="item.key"
             :disabled="item.disabled"
-            @click="$gzevent.$emit('menu-click',item)"
+            @click="$gzevent.$emit('menu-click', item)"
           >
-            <v-icon :color="item.color ? item.color : ''">{{ "fa-" + item.icon }}</v-icon>
+            <v-icon :color="item.color ? item.color : ''">{{
+              "fa-" + item.icon
+            }}</v-icon>
           </v-btn>
         </template>
         <v-spacer></v-spacer>
@@ -40,18 +53,28 @@
             </v-btn>
           </template>
           <v-list>
-            <template v-for="(item,index) in appBar.menuItems">
-              <v-subheader v-if="item.header" :key="index">{{ item.header }}</v-subheader>
-              <v-divider v-else-if="item.divider" :key="index" :inset="item.inset"></v-divider>
+            <template v-for="(item, index) in appBar.menuItems">
+              <v-subheader v-if="item.header" :key="index">{{
+                item.header
+              }}</v-subheader>
+              <v-divider
+                v-else-if="item.divider"
+                :key="index"
+                :inset="item.inset"
+              ></v-divider>
               <v-list-tile
                 v-else
                 :key="item.key"
                 :disabled="item.disabled"
-                @click="$gzevent.$emit('menu-click',item)"
+                @click="$gzevent.$emit('menu-click', item)"
                 v-bind:class="{ 'hidden-sm-and-up': item.surface }"
               >
                 <v-list-tile-action>
-                  <v-icon v-if="item.icon" :color="item.color?item.color:''">{{ "fa-" + item.icon }}</v-icon>
+                  <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>
@@ -76,7 +99,9 @@
         <v-flex primary py-2 text-xs-center white--text xs12>
           <div>
             <a href="https://ayanova.com" target="_blank">
-              <span class="white--text caption">AyaNova ({{version}}) {{copyright}}</span>
+              <span class="white--text caption"
+                >AyaNova ({{ version }}) {{ copyright }}</span
+              >
             </a>
           </div>
         </v-flex>