🚀 Release v2.0

Author: prd-y-nguyen

package.json

@@ -11,7 +11,7 @@
   "dependencies": {
     "@vue/composition-api": "^1.0.0-rc.5",
     "axios": "^0.21.1",
-    "core-js": "^3.6.5",
+    "core-js": "^3.15.1",
     "lodash": "^4.17.21",
     "moment": "^2.29.1",
     "qs": "^6.9.6",
@@ -32,6 +32,7 @@
     "@vue/eslint-config-prettier": "^6.0.0",
     "autoprefixer": "^9.8.6",
     "babel-eslint": "^10.1.0",
+    "css-loader": "^5.2.6",
     "eslint": "^6.7.2",
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-vue": "^6.2.2",
@@ -40,6 +41,7 @@
     "postcss": "^7.0.35",
     "prettier": "^1.19.1",
     "sass-loader": "^8.0.2",
+    "style-loader": "^2.0.0",
     "stylelint": "^13.12.0",
     "stylelint-config-css-modules": "^2.2.0",
     "stylelint-config-prettier": "^8.0.2",

src/core/apis/auth.js

@@ -16,7 +16,7 @@ export const authApi = axios.create({
 // Add a request interceptor
 authApi.interceptors.request.use(
   (config) => {
-    config.headers.Authorization = 'Bearer ' + store?.state?.auth?.data?.token
+    config.headers.Authorization = 'Bearer ' + store.getters['auth/accessToken']
     dev.log('DevOnly | Authenticated API executed')
     // Must return config
     return config

src/core/components/base/auth/src/index.vue

@@ -23,7 +23,7 @@ export default defineComponent({
 
     const commonPermissions = _intersectionWith(
       props.allow,
-      store.state.auth?.data?.user?.permissions, // Modify this base on your backend
+      store.getters['auth/permissions'],
       _isEqual
     )
 

src/core/models/Service.js

@@ -69,7 +69,7 @@ export class Service {
       url: `${this.path}`,
       method: 'delete',
       headers: {
-        Authorization: 'Bearer ' + store.state.auth?.data?.token,
+        Authorization: 'Bearer ' + store.getters['auth/accessToken'],
       },
       data: ids,
     })

src/core/styles/scss/base/all.scss renamed to src/core/styles/scss/all.scss

@@ -1,7 +1,8 @@
 @import './colors/all';
 @import './effects/all';
-@import './transitions/all';
 @import './fonts/all';
+@import './mixins/all';
+@import './transitions/all';
 
 :root {
     --color-theme-1: #{$--color-theme-1};