Is there a better way to delete from store's state?

[zhao-li]

Hi Folks,

I'm learning how to use Pinia and was wondering if there's a better way of removing an element from an array stored in a Pinia state.

Ultimately, I am hoping to implement all of the CRUD actions and connect the store up to a remote backend/database.

Is there a better way of defining/implementing the deleteGreeting action below?

Thank you for your time 🙏

import { defineStore } from 'pinia'

export const useGreetingStore = defineStore(
  'greeting',
  {
    state: () => {
      return {
        greetings: [
          {
            id: 1,
            message: 'hello, world'
          },
          {
            id: 2,
            message: 'bye, world'
          },
        ],
      }
    },
    actions: {
      ...
      deleteGreeting(deletedGreeting) {
        const index = this.greetings.findIndex(
          (greeting) => greeting['id'] === deletedGreeting["id"]
        );
        const noGreetingWithId = -1;
        if (index != noGreetingWithId) this.greetings.splice(index, 1);
      },
    },
  },
)