minor

pages/user_confirm/_code.vue

@@ -1,18 +1,21 @@
 <template lang="pug">
-  el-main
-    h4 <nuxt-link to='/'><img src='/favicon.ico'/></nuxt-link> {{$t('common.set_password')}}
+  v-row.mt-5(align='center' justify='center')
+    v-col(cols='12' md="6" lg="5" xl="4")
+      v-card
+        v-card-title <nuxt-link to='/'><img src='/favicon.ico'/></nuxt-link> {{$t('common.set_password')}}
+        template(v-if='valid')
+          v-card-text(v-if='valid')
+            v-form(v-if='valid')
+              v-text-field(type='password' v-model='new_password' :label="$t('common.new_password')")
 
-    div(v-if='valid')
-      el-form
-        el-form-item {{$t('common.new_password')}}
-          el-input(type='password', v-model='new_password')
-        el-button(plain type="success" icon='el-icon-send'
-          :disabled='!new_password' @click='change_password') {{$t('common.send')}}
+          v-card-actions
+            v-btn(color="success" :disabled='!new_password' @click='change_password') {{$t('common.send')}}
 
-    div(v-else) {{$t('recover.not_valid_code')}}
+        v-card-text(v-else) {{$t('recover.not_valid_code')}}
 
 </template>
 <script>
+import { validators } from '../../plugins/helpers'
 
 export default {
   name: 'Recover',
@@ -26,7 +29,7 @@ export default {
     }
   },
   data () {
-    return { new_password: '' }
+    return { validators, new_password: '' }
   },
   methods: {
     async change_password () {