Full-Stack Vue.js 2 and Laravel 5

Responding to authenticated
state
Now that we're tracking the authentication state of the user, we can get Vuebnb
to respond to it. For one, let's make it so that a user can't save a listing unless
they're logged in. To do this, we'll modify the behavior of the toggleSaved mutator
method so that if the user is logged in they can save an item, but if not they are
redirected to the login page via the push method of Vue Router.
Note that we'll have to import our router module at the top of the file to access
its features.
resources/assets/js/store.js: ... import router from './router'; export default new
Vuex.Store({ ... mutations: { toggleSaved(state, id) { if (state.auth) { let index =
state.saved.findIndex(saved => saved === id); if (index === -1) {
state.saved.push(id); } else { state.saved.splice(index, 1); } } else {
router.push('/login'); } }, ... }, ... });
We'll also make it so that either the login link or the logout link is shown in the
toolbar, never both. This can be achieved by using v-if and v-else directives in
the toolbar that depend on the $store.state.auth value.
It would also make sense to hide the saved page link unless the user is logged in,
so let's do that as well.
resources/assets/components/App.vue:
Saved Log Out Log In