Manager

Back Back Up Advanced Editor

<BaseButton :loading="isLoading" type="submit" variant="primary">
      {{ $t('login.reset_password') }}
    </BaseButton>
  </form>
</template>

const notificationStore = useNotificationStore()
const { t } = useI18n()
const route = useRoute()
const router = useRouter()

const formData = reactive({
  email: '',
  password: '',
  password_confirmation: '',
})

const isLoading = ref(false)

const rules = computed(() => {
  return {
    email: { required, email },
    password: {
      required,
      minLength: minLength(8),
    },
    password_confirmation: {
      sameAsPassword: sameAs(formData.password),
    },
  }
})

const v$ = useVuelidate(rules, formData)

const errorEmail = computed(() => {
  if (!v$.value.email.$error) {
    return ''
  }
  if (v$.value.email.required.$invalid) {
    return t('validation.required')
  }
  if (v$.value.email.email) {
    return t('validation.email_incorrect')
  }
  return false
})

const errorPassword = computed(() => {
  if (!v$.value.password.$error) {
    return ''
  }

if (v$.value.password.required.$invalid) {
    return t('validation.required')
  }
  if (v$.value.password.minLength) {
    return t('validation.password_min_length', {
      count: v$.value.password.minLength.$params.min,
    })
  }
  return false
})

const errorConfirmPassword = computed(() => {
  if (!v$.value.password_confirmation.$error) {
    return ''
  }
  if (v$.value.password_confirmation.sameAsPassword.$invalid) {
    return t('validation.password_incorrect')
  }
  return false
})

async function onSubmit(e) {
  v$.value.$touch()

if (!v$.value.$invalid) {
    try {
      let data = {
        email: formData.email,
        password: formData.password,
        password_confirmation: formData.password_confirmation,
        token: route.params.token,
      }
      isLoading.value = true
      let res = await axios.post('/api/v1/auth/reset/password', data)
      isLoading.value = false
      if (res.data) {
        notificationStore.showNotification({
          type: 'success',
          message: t('login.password_reset_successfully'),
        })
        router.push('/login')
      }
    } catch (err) {
      handleError(err)
        isLoading.value = false
      if (err.response && err.response.status === 403) {
        // notificationStore.showNotification({
        //   type: 'error',
        //   message: t('validation.email_incorrect'),
        // })
      }
    }
  }
}
</script>