What are some examples of using Pinia in a Vue.js application?

Can you give me some examples of how to use Pinia in a Vue.js application?

Sure! Pinia is a state management library for Vue.js. One example is creating a store for user authentication.

How do I set up a store for user authentication?

You can create a store by defining a new Pinia store using defineStore. For example:

import { defineStore } from 'pinia';

export const useAuthStore = defineStore('auth', {
  state: () => ({
    user: null,
    isAuthenticated: false,
  }),
  actions: {
    login(user) {
      this.user = user;
      this.isAuthenticated = true;
    },
    logout() {
      this.user = null;
      this.isAuthenticated = false;
    },
  },
});

What about using Pinia with Vue Router?

You can integrate Pinia with Vue Router by using the store to manage route-based state. For instance, you can store the current route in your Pinia store.