Implement twofaccounts & groups stores & Add ActionButtons component

resources/js_vue3/stores/groups.js

@@ -0,0 +1,34 @@
+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
+            })
+        },
+
+    },
+})