How to prevent an authorized user from entering the authorization page?

Question

Vue.js

I am now trying to make a simple authorization page. App it outputs to non-logged in users, Home logged in. The logic that I applied there is that when you click on the button, a token is placed in vuex and redirects the authorized page to the page, respectively, if you click on the Home page, this token is erased. I'm having a problem that a logged in user can get to the App page when he should not be able to get to that page. How is this implemented?
Here is the sandbox with the implementation https://codesandbox.io/s/nrx1r643m

Answer 1

Add to App:

beforeRouteEnter(to, from, next) {
  if (store.getters.user) {
    next(false)
  } else {
    next()
  }
}