What are Pinia plugins and how do I use them?

What are Pinia plugins and how do I use them?

Pinia plugins are extensions that allow you to add functionality to your Pinia stores. You can use them to enhance state management.

Can you give me an example of a simple Pinia plugin?

Sure! A simple plugin could log every state change. You can create a plugin like this:

const loggerPlugin = (store) => {
  store.$subscribe((mutation, state) => {
    console.log('Mutation:', mutation);
    console.log('New State:', state);
  });
};

Then, you can register it when creating your store.

How do I register a plugin when creating a store?

You can register a plugin by passing it as an array to the createPinia function. For example:

import { createPinia } from 'pinia';
import loggerPlugin from './loggerPlugin';

const pinia = createPinia();
pinia.use(loggerPlugin);

Are there any built-in plugins in Pinia?

Yes, Pinia has built-in plugins like persistedstate for persisting state across sessions. You can easily integrate them into your store.