2FAuth/resources/js_vue3/stores/groups.js

import { defineStore } from 'pinia'
import { useUserStore } from '@/stores/user'
import groupService from '@/services/groupService'

export const useGroups = defineStore({
    id: 'groups',

    state: () => {
        return {
            items: [],
        }
    },

    getters: {
        current(state) {
            const group = state.items.find(item => item.id === parseInt(useUserStore().preferences.activeGroup))

            return group ? group.name : trans('commons.all')
        }
    },

    actions: {

        /**
         * Refreshes the groups collection using the backend
         */
        refresh() {
            groupService.getAll().then(response => {
                this.items = response.data
            })
        },

    },
})