Vue only show content when user is login

You can use Vue's built-in v-if directive to conditionally render the content based on whether the user is logged in or not.

First, you'll need to set up a data property to track the user's login status.

data() {
  return {
    isLoggedIn: false
  }
}

Then, you can use the v-if directive to conditionally render the content.

<div v-if="isLoggedIn">
  // Content to show when user is logged in
</div>
<div v-else>
  // Login form to show when user is not logged in
</div>

Finally, you'll need to update the isLoggedIn property when the user logs in or out.

methods: {
  login() {
    // Login logic
    this.isLoggedIn = true;
  },
  logout() {
    // Logout logic
    this.isLoggedIn = false;
  }
}