Unlike official vue-router which is organized around URLs, Voie is organized around states. Voie-based apps are basically finite-state machines.
State is simply a named logical "place" within your application.
Each state can optionally have:
- URL pattern
- Vue component
- enter hook to populate state with data
- leave hook to cleanup things
States are organized into hierarchies: child states will inherit parameters and data from parent state. Also, if child state has a component, then it will be rendered at the location specified by parent (or nearest ancestor) state denoted by
<v-view>directive.