<template>
  <LayoutApp>
    <Scroll>
      <FormPage v-if="status === -1"></FormPage>
      <StatusPage v-else></StatusPage>
    </Scroll>
  </LayoutApp>
</template>

<script>
import { createNamespacedHelpers } from 'vuex';
import FormPage from './form';
import StatusPage from './status';
import LayoutApp from '../components/layout/layout-app';
import {Scroll} from 'cube-ui';

const { mapState } = createNamespacedHelpers(
  'license/form'
);

export default {
  asyncData({store}) {
    return store.dispatch('license/form/licenseStatus');
  },
  nam: 'CLicense',
  data() {
    return {};
  },
  methods: {
  },
  computed: {
    ...mapState(['status'])
  },
  components: {
    FormPage,
    StatusPage,
    LayoutApp,
    Scroll
  },
  mounted() {
  }
};
</script>

<style lang="scss" scoped>
</style>