refactoring with vuetify

components/Nav.vue

@@ -68,54 +68,6 @@
     v-btn(icon v-clipboard:copy='feedLink' v-clipboard:success='copyLink')
       v-icon(color='orange') mdi-rss
 
-  //-     el-menu-item(type='text' v-clipboard:copy='feedLink' v-clipboard:success='copyLink')
-  //-       v-icon(color='orange' name='rss')
-
-  //- el-header#header
-  //-     img(src='/favicon.ico')
-  //-     span.ml-1.hidden-xs-only {{settings.title}}
-  //-       small.hidden-sm-only  {{settings.description}}
-
-  //-   el-menu#menu(mode='horizontal' router )
-  //-     el-menu-item(v-if='could_add' index='/add')
-  //-       i.el-icon-plus
-  //-       span.hidden-xs-only {{$t('common.add_event')}}
-
-  //-     //- nuxt-link(to='/export')
-  //-     el-menu-item(index='/export')
-  //-       i.el-icon-share
-  //-       span.hidden-xs-only {{$t('common.share')}}
-
-  //-     el-submenu(v-if='settings.enable_trusted_instances && settings.trusted_instances && settings.trusted_instances.length' index=4)
-  //-       template(slot='title')
-  //-         i.el-icon-guide
-  //-         span.hidden-xs-only {{$t('common.places')}}
-  //-       el-menu-item(v-for='instance in settings.trusted_instances' :key='instance.name')
-  //-         a(:href='instance.url' target='_link')
-  //-           img.mr-1(:src='`${instance.url}/favicon.ico`' style='height: 25px;')
-  //-           span.ml-1 {{instance.label || instance.name}}
-
-  //-     el-menu-item(v-if='!$auth.loggedIn' index='/login')
-  //-       i.el-icon-user
-  //-       span.hidden-xs-only {{$t('common.login')}}
-
-  //-     el-submenu(v-if='$auth.loggedIn' index=3)
-  //-       template(slot='title')
-  //-         i.el-icon-user
-  //-         span.hidden-xs-only {{$t('common.user')}}
-  //-       el-menu-item(divided index='/settings')
-  //-         i.el-icon-s-tools
-  //-         span {{$t('common.settings')}}
-  //-       el-menu-item(v-if='$auth.user.is_admin'  index='/admin')
-  //-         i.el-icon-s-operation
-  //-         span {{$t('common.admin')}}
-  //-       el-menu-item(@click='logout')
-  //-         i.el-icon-switch-button
-  //-         span  {{$t('common.logout')}}
-
-  //-     el-menu-item(type='text' v-clipboard:copy='feedLink' v-clipboard:success='copyLink')
-  //-       v-icon(color='orange' name='rss')
-
 </template>
 <script>
 import { mapState } from 'vuex'
@@ -146,12 +98,12 @@ export default {
   },
   methods: {
     copyLink () {
-      this.$root.$emit('message', {
+      this.$root.$message({
         message: this.$t('common.feed_url_copied')
       })
     },
     logout () {
-      this.$root.$emit('message', {
+      this.$root.$message({
         message: this.$t('common.logout_ok')
       })
       this.$auth.logout()
@@ -172,8 +124,7 @@ export default {
         this.setSetting({ key: 'trusted_instances', value: this.settings.trusted_instances.concat(trusted_instance) })
       } catch (e) {
         console.error(e)
-        Message({
-          showClose: true,
+        this.$root.$message({
           type: 'error',
           message: e
         })
@@ -182,34 +133,3 @@ export default {
   }
 }
 </script>
-
-<style lang='less'>
-// #header {
-//   display: inline;
-//   #logo {
-//     img {
-//       max-height: 60px;
-//     }
-//     float: left;
-//     line-height: 60px;
-//     color: white;
-//     font-size: 1.5em;
-//     font-weight: 600;
-//     text-decoration: none;
-//     small {
-//       font-size: 0.5em;
-//     }
-//   }
-
-//   #menu {
-//     position: absolute;
-//     right: 10px;
-//     top: 0px;
-//     border-bottom: none;
-//     .el-menu-item {
-//       padding: 0px 15px;
-//     }
-//   }
-// }
-
-</style>