arunredhu

import axios from 'axios';

/** Default config for axios instance */
let config = {
  baseURL: 'http://localhost:3000/'
};

/** Creating the instance for axios */
const httpClient = axios.create(config);

arunredhu

import { reflectKeys } from '@/app/shared/services';

import { fetchUsers } from '../services';

/** Initial state */
const initialState = {
  loading: false,
  data: null,
  error: null
};

arunredhu

import { usersData } from './shared/state';

export default {
  modules: {
    usersData
  }
};

arunredhu

import Vue from 'vue';
import Vuex from 'vuex';

import { usersState } from './users';

Vue.use(Vuex);

export default new Vuex.Store({
  state: {},
  mutations: {},

arunredhu

import Vue from 'vue';

Vue.config.errorHandler = (err, vm, info) => {
  // err: error trace
  // vm: component in which error occured
  // info: Vue specific error information such as lifecycle hooks, events etc.
  
  // TODO: Perform any custom logic or log to server

};

arunredhu

window.onerror = function(message, source, lineno, colno, error) {
  // TODO: write any custom logic or logs the error
};

arunredhu

export default {
  name: "app-user-list",

  created() {
    this.$store.dispatch(actionsTypes.FETCH_USER_DATA);
  },

  errorCaptured(err, vm, info) {
    // err: error trace
    // vm: component in which error occured

arunredhu

<template>
  <div>
    <slot
      v-if="err"
      name="error"
      v-bind:err="err"
      v-bind:vm="vm"
      v-bind:info="info"
    >Something went wrong</slot>
    <slot v-else></slot>

arunredhu

<template>
  <div class="user-list">
    <error-boundary>
      <app-user-item/>
    </error-boundary>
  </div>
</template>