How do I use Pinia modules in Vue.js?

How do I use Pinia modules in Vue.js?

To use Pinia modules in Vue.js, you first need to install Pinia and then create a store with modules.

Can you show me an example of creating a module?

Sure! Here's a simple example:

import { defineStore } from 'pinia';

export const useUserStore = defineStore('user', {
  state: () => ({ name: '', age: 0 }),
  actions: {
    setName(newName) {
      this.name = newName;
    }
  }
});

How do I access the module in my component?

You can access the module in your component like this:

import { useUserStore } from '@/stores/user';

export default {
  setup() {
    const userStore = useUserStore();
    return { userStore };
  }
};

What if I want to use multiple modules?

You can create multiple stores and import them as needed in your components. Just ensure each store has a unique ID.