import { GetterTree, mapGetters } from 'vuex';
import { CardComponentsState } from '@/types/store/scopes';

export const state: CardComponentsState = {
  components: [
    'index',
    'accounts',
    'calendar',
    'data',
    'organizations',
    'payments',
    'notifications',
  ].join(','),
};

export const getters: GetterTree<CardComponentsState, CardComponentsState> = {
  components: (state) => state.components,
};

export const cardComponentsRegionsComputed = {
  ...mapGetters('cardComponents/regions', ['components']),
};
