misc: migrate to vuetify 2.0 (wip)

client/components/common/nav-header.vue

@@ -32,7 +32,7 @@
                 v-list-item-title.body-2 {{$t('common:header.newPage')}}
               template(v-if='path && path.length')
                 v-divider.my-0
-                v-subheader {{$t('common:header.currentPage')}}
+                .overline.pa-4.grey--text {{$t('common:header.currentPage')}}
                 v-list-item.pl-4(@click='pageView', v-if='mode !== `view`')
                   v-list-item-avatar(size='24'): v-icon(color='indigo') subject
                   v-list-item-title.body-2 {{$t('common:header.view')}}
@@ -52,7 +52,7 @@
                   v-list-item-avatar(size='24'): v-icon(color='red darken-2') mdi-trash-can-outline
                   v-list-item-title.body-2 {{$t('common:header.delete')}}
               v-divider.my-0
-              v-subheader {{$t('common:header.assets')}}
+              .overline.pa-4.grey--text {{$t('common:header.assets')}}
               v-list-item.pl-4(@click='assets')
                 v-list-item-avatar(size='24'): v-icon(color='grey lighten-2') mdi-folder-multiple-image
                 v-list-item-title.body-2.grey--text.text--ligten-2 {{$t('common:header.imagesFiles')}}
@@ -318,7 +318,7 @@ export default {
       this.$store.commit('showNotification', {
         style: 'indigo',
         message: `Coming soon...`,
-        icon: 'directions_boat'
+        icon: 'ferry'
       })
     },
     pageDelete () {
@@ -329,7 +329,7 @@ export default {
       this.$store.commit('showNotification', {
         style: 'indigo',
         message: `Coming soon...`,
-        icon: 'directions_boat'
+        icon: 'ferry'
       })
     },
     async changeLocale(locale) {

client/components/common/page-delete.vue

@@ -2,20 +2,20 @@
   v-dialog(v-model='isShown', max-width='550', persistent)
     v-card.wiki-form
       .dialog-header.is-short.is-red
-        v-icon.mr-2(color='white') highlight_off
+        v-icon.mr-2(color='white') mdi-file-document-box-remove-outline
         span {{$t('common:page.delete')}}
       v-card-text
-        i18next.body-2(path='common:page.deleteTitle', tag='div')
+        i18next.body-1(path='common:page.deleteTitle', tag='div')
           span.red--text.text--darken-2(place='title') {{pageTitle}}
         .caption {{$t('common:page.deleteSubtitle')}}
-        v-chip.mt-3.ml-0.mr-1(label, color='red lighten-4', disabled, small)
+        v-chip.mt-3.ml-0.mr-1(label, color='red lighten-4', small)
           .caption.red--text.text--darken-2 {{pageLocale.toUpperCase()}}
-        v-chip.mt-3.mx-0(label, color='red lighten-5', disabled, small)
+        v-chip.mt-3.mx-0(label, color='red lighten-5', small)
           span.red--text.text--darken-2 /{{pagePath}}
       v-card-chin
         v-spacer
-        v-btn(flat, @click='discard', :disabled='loading') {{$t('common:actions.cancel')}}
-        v-btn(color='red darken-2', @click='deletePage', :loading='loading').white--text {{$t('common:actions.delete')}}
+        v-btn(text, @click='discard', :disabled='loading') {{$t('common:actions.cancel')}}
+        v-btn.px-4(color='red darken-2', @click='deletePage', :loading='loading').white--text {{$t('common:actions.delete')}}
 </template>
 
 <script>

client/components/common/page-selector.vue

@@ -2,7 +2,7 @@
   v-dialog(v-model='isShown', max-width='850px')
     v-card.page-selector
       .dialog-header.is-dark
-        v-icon.mr-2(color='white') find_in_page
+        v-icon.mr-3(color='white') mdi-page-next-outline
         span Select Page Location
         v-spacer
         v-progress-circular(
@@ -71,9 +71,9 @@
         )
       v-card-chin
         v-spacer
-        v-btn(outline, @click='close') Cancel
-        v-btn(color='primary', @click='open')
-          v-icon(left) check
+        v-btn(text, @click='close') Cancel
+        v-btn.px-4(color='primary', @click='open')
+          v-icon(left) mdi-check
           span Select
 </template>