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

export const state: CardComponentsState = {
  components: [
    'index',
    'processes',
    'forms',
    'directories',
    'verifications',
    'documents',
    'interagencies',
    'stages',
    'payments',
    'form_model',
    'digital_regulations',
    'basic',
    'income',
    'export'
  ].join(','),
};

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

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