sso-ssr/pages/reset/forgetPasswordValidationAccount.vue

<template>
  <div>
    <template v-if="isMobile">
      <step-one v-if="step === 1" @stepEvent="setStep"/>
      <step-two v-if="step === 2" @stepEvent="setStep"/>
      <step-three v-if="step === 3" @stepEvent="setStep"/>
      <step-four v-if="step === 4" @stepEvent="setStep"/>
      <step-five v-if="step === 5" @stepEvent="setStep"/>
    </template>
    <template v-else>
      <accountCenter-header/>
      <forgetPassword-validationAccount/>
    </template>
  </div>
</template>
<script>
  import AccountCenterHeader from '~components/default/AccountCenterHeader.vue'
  import ForgetPasswordValidationAccount from '~components/reset/ForgetPasswordValidationAccount.vue'
  import {StepOne, StepTwo, StepThree, StepFour, StepFive} from '~components/mobile/reset'
  export default {
    layout (context) {
      return context.store.state.option.isMobile ? 'mobile' : 'default'
    },
    data () {
      return {
        step: 1
      }
    },
    components: {
      AccountCenterHeader,
      ForgetPasswordValidationAccount,
      StepOne,
      StepTwo,
      StepThree,
      StepFour,
      StepFive
    },
    mounted () {
      if (this.$store.state.option.isLogin.data.isLogin) {
        this.step = 2
      }
    },
    computed: {
      isMobile () {
        return this.$store.state.option.isMobile
      }
    },
    methods: {
      setStep (type) {
        this.step = type
      }
    }
  }
</script>