Vue state-driven routing
This example demonstrates StateMachine in combination with VueRouter router.
Using StateMachine (and StateHelper) to manage routes has the following advantages:
- The StateMachine's transitions determine allowable actions, states, and therefore routes
- The StateHelper's state updates navigation UI
- The Router updates page component
- The Router updates browser history
- The user can navigate using the browser's back and forward buttons