<template>
  <div>
    <template v-if="this.mobile">
      <phone-validationFail/>
    </template>
    <template v-if="this.pc">
      <accountCenter-header/>
      <validation-fail/>
    </template>
  </div>
</template>
<script>
  import AccountCenterHeader from '~components/default/AccountCenterHeader.vue'
  import ValidationFail from '~components/validation/ValidationFail.vue'
  import phoneValidationFail from '~components/mobile/validation/phoneValidationFail.vue'
  export default {
    layout (context) {
      return context.store.state.option.isMobile ? 'mobile' : 'default'
    },
    data () {
      return {
        mobile: false,
        pc: false
      }
    },
    components: {
      AccountCenterHeader,
      ValidationFail,
      phoneValidationFail
    },
    computed: {
      // isMobile () {
      //   return this.$store.state.option.isMobile
      // }
    },
    mounted () {
      if (this.$store.state.option.isMobile) {
        this.mobile = true
      } else {
        this.pc = true
      }
    }
  }
</script>
