alfreema / vue-state-machine Goto Github PK

import authStore from './../components/Login/store' ;
import vsm from 'vue-state-machine'
...
  created() {
    // register store module for Auth FSM in the main vuex store
    this.$store.registerModule('AuthenticationFSM', authStore)
    this.$vsm.add('AuthenticationFSM', authStore.machine)
    this.$vsm.set('AuthenticationFSM')
  },
  methods: {
    loginClicked() {
        // Send payload through FSM to store-action: it will turn up in payload.params
        this.$vsm.transition('LOGIN_CLICKED', {username:this.username, password:this.password})

    states: {
      auth_none: {
        on: {
            LOGIN_CLICKED: {
              auth_validating: {
              actions: ['LOGIN_POST']
            }
          }
        }
      },

  actions: {
    LOGIN_POST(context, payload) {
      axios({
        method: 'post', url: "...",
        data: {username:payload.params.username, password:payload.params.password},
      })
      .then(response => {
          // HOW DO I RE-TARGET THE FSM HERE?
          vsm.transition('AUTH_SUCCESS');
      })
      .catch(function (error) {
        vsm.transition('AUTH_FAILURE');
      });
    },