How can I handle errors in Pinia?

How can I handle errors in Pinia?

In Pinia, you can handle errors by using try-catch blocks in your actions. This allows you to catch any errors that occur during the execution of your actions.

Can you give me an example of using try-catch in a Pinia store?

Sure! Here's a simple example:

import { defineStore } from 'pinia';

export const useMyStore = defineStore('myStore', {
  actions: {
    async fetchData() {
      try {
        const response = await fetch('https://api.example.com/data');
        if (!response.ok) throw new Error('Network response was not ok');
        const data = await response.json();
        this.data = data;
      } catch (error) {
        console.error('Error fetching data:', error);
        this.error = error.message;
      }
    }
  }
});

What should I do if I want to show an error message in the UI?

You can create a reactive property in your store to hold the error message and then display it in your component. For example, you can add an error property to your store and bind it to your UI.