perf($package.json): integrate axios-mock-adapter

Author: johnnymillergh

package.json

@@ -36,10 +36,10 @@
     "@mdi/font": "4.7.95",
     "@types/lodash": "4.14.149",
     "axios": "0.19.0",
+    "axios-mock-adapter": "1.17.0",
     "class-validator": "0.11.0",
     "core-js": "3.6.1",
     "lodash": "4.17.15",
-    "mockjs": "^1.1.0",
     "roboto-fontface": "*",
     "vue": "2.6.11",
     "vue-class-component": "7.1.0",

src/main.ts

@@ -8,7 +8,7 @@ import '@mdi/font/css/materialdesignicons.css'
 import '@/directives/throttled-click'
 import '@/directives/debounced-click'
 import { listenToColorScheme } from '@/plugins/adaptive-color-scheme'
-import '@/plugins/mock'
+import '@/plugins/axios-mock-adapter'
 
 Vue.config.productionTip = false
 

src/plugins/axios-mock-adapter/index.ts

@@ -0,0 +1,15 @@
+const axios = require('axios')
+const MockAdapter = require('axios-mock-adapter')
+
+// All requests using this instance will have a 2 seconds delay:
+const mock = new MockAdapter(axios, { delayResponse: 2000 })
+
+// Mock GET request to /users when param `searchText` is 'John'
+// arguments for reply are (status, data, headers)
+mock.onGet('/api/getDemo').reply(200, {
+  message: '/api/getDemo success!'
+})
+
+mock.onGet('/api/delay').reply(200, {
+  message: 'delay message'
+})