✨ Change naming convention

Author: imrim12

aliases.config.js

@@ -20,7 +20,7 @@ const aliases = {
   '@middleware': 'src/core/middleware',
   '@mixins': 'src/core/mixins',
   '@plugins': 'src/core/plugins',
-  '@services': 'src/core/services',
+  '@apis': 'src/core/apis',
   '@utils': 'src/core/utils',
 }
 

jsconfig.json

@@ -120,13 +120,13 @@
         "src/core/plugins/index.scss",
         "src/core/plugins/index.css"
       ],
-      "@services/*": ["src/core/services/*"],
-      "@services": [
-        "src/core/services/index.js",
-        "src/core/services/index.json",
-        "src/core/services/index.vue",
-        "src/core/services/index.scss",
-        "src/core/services/index.css"
+      "@apis/*": ["src/core/apis/*"],
+      "@apis": [
+        "src/core/apis/index.js",
+        "src/core/apis/index.json",
+        "src/core/apis/index.vue",
+        "src/core/apis/index.scss",
+        "src/core/apis/index.css"
       ],
       "@utils/*": ["src/core/utils/*"],
       "@utils": [

src/core/services/auth.js renamed to src/core/api/auth.js

@@ -9,9 +9,9 @@ Vue.config.productionTip = false
 // Plugins
 import { i18nPlugin } from '@plugins/i18n'
 import { eventBus } from '@plugins/bus'
-// Services
-import clientApi from '@services/client'
-import authApi from '@services/auth'
+// Axios instances
+import clientApi from '@/core/apis/client'
+import authApi from '@/core/apis/auth'
 // Mixins
 import { globalMixin } from '@mixins/global'
 //

src/core/services/client.js renamed to src/core/api/client.js

@@ -0,0 +1,5 @@
+import { clientApi } from '@/core/apis/client'
+
+export const authService = {
+  signin: (form) => clientApi.post('/auth/signin', form),
+}

src/main.js

@@ -0,0 +1,50 @@
+/* eslint-disable no-unused-vars */
+import qs from 'qs'
+import { authApi } from '@/core/apis/auth'
+import { clientApi } from '@/core/apis/client'
+import { store } from '@/store/index'
+/* eslint-enable no-unused-vars */
+
+export const blogService = {
+  /**
+   * Create multiple records
+   */
+  createMany: (form) => clientApi.post('blogs', { data: form }),
+  /**
+   * Create single record
+   */
+  createOne: (form) => clientApi.post('blogs', form),
+  /**
+   * Get multiple records
+   */
+  getMany: (query) =>
+    clientApi.get('blogs?' + qs.stringify(query, { arrayFormat: 'repeat' })),
+  /**
+   * Get single record
+   */
+  getOne: (id) => clientApi.get(`blogs/${id}`),
+  /**
+   * Update multiple records
+   */
+  updateMany: (form) => clientApi.put(`blogs`, { data: form }),
+  /**
+   * Update single record
+   */
+  updateOne: (id, form) => clientApi.put(`blogs/${id}`, form),
+  /**
+   * Delete multiple records
+   */
+  deleteMany: (ids) =>
+    clientApi.request({
+      url: '/blogs',
+      method: 'delete',
+      headers: {
+        Authorization: 'Bearer ' + store.state.auth?.data?.token,
+      },
+      data: ids,
+    }),
+  /**
+   * Delete single record
+   */
+  deleteOne: (id) => clientApi.delete(`blogs/${id}`),
+}

src/services/auth.js

@@ -1,4 +1,4 @@
-import { clientApi } from '@/core/services/client'
+import { authService } from '@/services/auth'
 import { authMutations } from './enums'
 
 export const actions = {
@@ -10,8 +10,8 @@ export const actions = {
    * @param {String} form.password
    * @returns {void} Return nothing
    */
-  signin({ commit }, form) {
-    const { data } = clientApi.post('/auth/signin', form)
+  async signin({ commit }, form) {
+    const { data } = await authService.signin(form)
     localStorage.setItem('auth', data)
     commit(authMutations.SET.AUTH, data, { root: true }) // Mutating to store for client rendering
     return data