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

export const state: CardComponentsState = {
  components: [
    'index',
    'personal',
    'statements',
    'payment-data',
    'social-support-measure',
    'person-detailed-relations',
    'person-criteria',
    'recipient-category',
  ].join(','),
};

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

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