feat: translations (wip)

client/components/common/nav-header.vue

@@ -25,36 +25,36 @@
             v-list(dense, :light='!$vuetify.dark', :dark='$vuetify.dark', :class='$vuetify.dark ? `grey darken-4` : ``').py-0
               v-list-tile(avatar, href='/')
                 v-list-tile-avatar: v-icon(color='blue') home
-                v-list-tile-content Home
+                v-list-tile-content {{$t('common:header.home')}}
               v-list-tile(avatar, @click='pageNew')
                 v-list-tile-avatar: v-icon(color='green') add_box
-                v-list-tile-content New Page
+                v-list-tile-content {{$t('common:header.newPage')}}
               template(v-if='path && path.length')
                 v-divider.my-0
-                v-subheader Current Page
+                v-subheader {{$t('common:header.currentPage')}}
                 v-list-tile(avatar, @click='pageView', v-if='mode !== `view`')
                   v-list-tile-avatar: v-icon(color='indigo') subject
-                  v-list-tile-content View
+                  v-list-tile-content {{$t('common:header.view')}}
                 v-list-tile(avatar, @click='pageEdit', v-if='mode !== `edit`')
                   v-list-tile-avatar: v-icon(color='indigo') edit
-                  v-list-tile-content Edit
+                  v-list-tile-content {{$t('common:header.edit')}}
                 v-list-tile(avatar, @click='pageHistory', v-if='mode !== `history`')
                   v-list-tile-avatar: v-icon(color='indigo') history
-                  v-list-tile-content History
+                  v-list-tile-content {{$t('common:header.history')}}
                 v-list-tile(avatar, @click='pageSource', v-if='mode !== `source`')
                   v-list-tile-avatar: v-icon(color='indigo') code
-                  v-list-tile-content View Source
+                  v-list-tile-content {{$t('common:header.viewSource')}}
                 v-list-tile(avatar, @click='pageMove')
                   v-list-tile-avatar: v-icon(color='grey lighten-2') forward
-                  v-list-tile-content.grey--text.text--ligten-2 Move / Rename
+                  v-list-tile-content.grey--text.text--ligten-2 {{$t('common:header.move')}}
                 v-list-tile(avatar, @click='pageDelete')
                   v-list-tile-avatar: v-icon(color='red darken-2') delete
-                  v-list-tile-content Delete
+                  v-list-tile-content {{$t('common:header.delete')}}
               v-divider.my-0
-              v-subheader Assets
+              v-subheader {{$t('common:header.assets')}}
               v-list-tile(avatar, @click='assets')
                 v-list-tile-avatar: v-icon(color='grey lighten-2') burst_mode
-                v-list-tile-content.grey--text.text--ligten-2 Images & Files
+                v-list-tile-content.grey--text.text--ligten-2 {{$t('common:header.imagesFiles')}}
           v-toolbar-title(:class='{ "ml-2": $vuetify.breakpoint.mdAndUp, "ml-0": $vuetify.breakpoint.smAndDown }')
             span.subheading {{title}}
       v-flex(md4, v-if='$vuetify.breakpoint.mdAndUp')
@@ -66,7 +66,7 @@
                 v-if='searchIsShown && $vuetify.breakpoint.mdAndUp',
                 v-model='search',
                 color='white',
-                label='Search...',
+                :label='$t(`common:header.search`)',
                 single-line,
                 solo
                 flat
@@ -151,14 +151,14 @@
           v-tooltip(bottom, v-if='isAuthenticated && isAdmin')
             v-btn.btn-animate-rotate(icon, href='/a', slot='activator')
               v-icon(color='grey') settings
-            span Admin
+            span {{$t('common:header.admin')}}
           v-menu(v-if='isAuthenticated', offset-y, min-width='300', left, transition='slide-y-transition')
             v-tooltip(bottom, slot='activator')
               v-btn(icon, slot='activator', outline, color='blue')
                 v-icon(v-if='picture.kind === `initials`', color='grey') account_circle
                 v-avatar(v-else-if='picture.kind === `image`', :size='29')
                   v-img(:src='picture.url')
-              span Account
+              span {{$t('common:header.account')}}
             v-list.py-0
               v-list-tile.py-3.grey(avatar, :class='$vuetify.dark ? `darken-4-l5` : `lighten-5`')
                 v-list-tile-avatar
@@ -172,20 +172,20 @@
               v-divider.my-0
               v-list-tile(href='/w', disabled)
                 v-list-tile-action: v-icon(color='blue') web
-                v-list-tile-title My Wiki
+                v-list-tile-title {{$t('common:header.myWiki')}}
               v-divider.my-0
               v-list-tile(href='/p', disabled)
                 v-list-tile-action: v-icon(color='blue') person
-                v-list-tile-title Profile
+                v-list-tile-title {{$t('common:header.profile')}}
               v-divider.my-0
               v-list-tile(@click='logout')
                 v-list-tile-action: v-icon(color='red') exit_to_app
-                v-list-tile-title Logout
+                v-list-tile-title {{$t('common:header.logout')}}
 
           v-tooltip(v-else, left)
             v-btn(icon, slot='activator', outline, color='grey darken-3', href='/login')
               v-icon(color='grey') account_circle
-            span Login
+            span {{$t('common:header.login')}}
 
     page-selector(mode='create', v-model='newPageModal', :open-handler='pageNewCreate')
     page-delete(v-model='deletePageModal', v-if='path && path.length')