refactoring with vuetify

pages/event/embedEvent.vue

@@ -1,18 +1,17 @@
 <template lang='pug'>
-el-row(:gutter='10')
-  el-col(:span='12' :xs='24')
-    el-alert.mb-1.mt-1(type='info' show-icon) {{$t('common.embed_help')}}
-    el-input(v-model='code')
+v-row(:gutter='10')
+  v-col(:span='12' :xs='24')
+    v-alert.mb-1.mt-1(type='info' show-icon) {{$t('common.embed_help')}}
+    v-text-field(v-model='code')
       el-button(slot='append' v-clipboard:copy='code' v-clipboard:success='copyLink'
         plain type="primary" icon='el-icon-document') {{$t("common.copy")}}
-  el-col.mt-2(:span='12' :xs='24' v-html='code')
+  v-col.mt-2(:span='12' :xs='24' v-html='code')
 </template>
 <script>
 import { mapState } from 'vuex'
-import { Message } from 'element-ui'
 
 export default {
-  name: 'embedEvent',
+  name: 'EmbedEvent',
   props: ['event'],
   computed: {
     ...mapState(['settings']),
@@ -25,7 +24,7 @@ export default {
   },
   methods: {
     copyLink () {
-      Message({ message: this.$t('common.copied'), type: 'success', showClose: true })
+      this.$root.$message({ message: this.$t('common.copied'), type: 'success' })
     }
   }
 }