Changes Update User

components/menu/MenuResetPassword.vue

@@ -1,28 +1,28 @@
 <template>
-  <div class="mx-2">
-    <a class="ml-5" @click="resetPassword">
+  <div class="mx-2 has-text-centered">
+    <a @click="resetPassword">
       <SvgIcon v-bind="{ name: 'padlock.png', type: 'gray', size: 20 }"></SvgIcon>
     </a>
   </div>
 </template>
 <script setup>
-const { $store } = useNuxtApp();
+const { $store, $isVietnamese } = useNuxtApp();
 
-const emit = defineEmits(["clickevent"]);
+const emit = defineEmits(['clickevent']);
 var props = defineProps({
   appid: Number,
   row: Object,
 });
 
 function resetPassword() {
-  emit("clickevent", {
-    name: "dataevent",
+  emit('clickevent', {
+    name: 'dataevent',
     data: {
       modal: {
-        title: $store.lang === "en" ? "Reset password" : "Đặt lại mật khẩu",
-        height: "300px",
-        width: "800px",
-        component: "user/ResetPassword",
+        title: $isVietnamese() ? 'Đặt lại mật khẩu' : 'Reset password',
+        height: '300px',
+        width: '800px',
+        component: 'user/ResetPassword',
         vbind: { row: props.row },
       },
     },