Merge pull request #1 from flatlogic/update

Fix vuex and charts errors

Author: Blari

changelog.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [3.3.2] [27/04/2023]
+
+- Fix vuex errors
+- Fix charts errors
+
+### Updated
+- Update dependency
+
 ## [3.3.1] [04/07/2022]
 
 - Fix auth page style and several errors

package.json

@@ -1,6 +1,6 @@
 {
   "name": "light-blue-vue",
-  "version": "3.3.0",
+  "version": "3.3.2",
   "private": true,
   "scripts": {
     "start": "vue-cli-service serve --port 3000",
@@ -10,10 +10,10 @@
     "node": "node server.js"
   },
   "dependencies": {
-    "@amcharts/amcharts4": "^4.10.25",
-    "@amcharts/amcharts4-geodata": "^4.1.23",
+    "@amcharts/amcharts4": "^4.10.35",
+    "@amcharts/amcharts4-geodata": "^4.1.26",
     "@ckeditor/ckeditor5-build-classic": "^12.4.0",
-    "@ckeditor/ckeditor5-vue": "^1.0.0",
+    "@ckeditor/ckeditor5-vue": "^1.0.3",
     "@fullcalendar/core": "^4.4.2",
     "@fullcalendar/daygrid": "^4.4.2",
     "@fullcalendar/interaction": "^4.4.2",
@@ -24,42 +24,42 @@
     "apexcharts": "^3.22.1",
     "awesome-bootstrap-checkbox": "^1.0.1",
     "axios": "^0.23.0",
-    "bootstrap": "^5.1.3",
+    "bootstrap": "^5.2.3",
     "bootstrap-vue": "2.22.0",
     "chart.js": "^2.9.4",
-    "chroma-js": "^2.1.1",
+    "chroma-js": "^2.4.2",
     "core-js": "2.6.12",
-    "cross-env": "^7.0.2",
+    "cross-env": "^7.0.3",
     "css-loader": "^1.0.1",
     "echarts": "4.9.0",
     "expose-loader": "^0.7.5",
     "font-awesome": "4.7.0",
     "glyphicons-halflings": "^1.9.1",
     "highcharts": "^7.2.2",
-    "highcharts-vue": "^1.3.5",
+    "highcharts-vue": "^1.4.0",
     "imports-loader": "^0.8.0",
     "jsonwebtoken": "^8.5.1",
     "line-awesome": "1.3.0",
-    "mavon-editor": "^2.9.0",
+    "mavon-editor": "^2.10.4",
     "moment": "^2.29.1",
     "rickshaw": "1.7.1",
     "skycons": "^1.0.0",
-    "v-calendar": "^1.0.8",
+    "v-calendar": "^1.1.1",
     "v-mask": "^1.3.4",
     "vee-validate": "^2.2.15",
-    "vue": "^2.6.14",
-    "vue-apexcharts": "^1.6.0",
+    "vue": "^2.7.14",
+    "vue-apexcharts": "^1.6.2",
     "vue-bootstrap-slider": "2.1.8",
     "vue-carousel": "^0.18.0",
     "vue-chartjs": "^3.5.1",
-    "vue-code-highlight": "^0.7.6",
-    "vue-color": "^2.7.1",
+    "vue-code-highlight": "^0.7.8",
+    "vue-color": "^2.8.1",
     "vue-draggable-nested-tree": "^2.2.20",
     "vue-echarts": "^4.1.0",
     "vue-form-wizard": "^0.8.4",
     "vue-gallery": "^1.5.0",
     "vue-input-tag": "^2.0.7",
-    "vue-router": "^3.5.2",
+    "vue-router": "^3.6.5",
     "vue-select": "^2.6.4",
     "vue-tables-2": "^1.6.25",
     "vue-textarea-autosize": "^1.1.1",
@@ -77,10 +77,10 @@
     "@vue/cli-plugin-babel": "^3.12.0",
     "@vue/cli-plugin-eslint": "^3.12.0",
     "@vue/cli-service": "^3.12.0",
-    "sass": "^1.53.0",
-    "sass-loader": "^10.3.0",
-    "vue-template-compiler": "^2.6.14",
-    "webpack": "^5.73.0"
+    "sass": "^1.62.1",
+    "sass-loader": "^10.4.1",
+    "vue-template-compiler": "^2.7.14",
+    "webpack": "^5.81.0"
   },
   "resolutions": {
     "core-js": "3.23.2"
@@ -112,4 +112,4 @@
     "last 2 versions",
     "not ie <= 8"
   ]
-}
+}

src/components/Layout/Layout.vue

@@ -29,18 +29,16 @@ export default {
   name: 'Layout',
   components: { Sidebar, Header, Helper },
   methods: {
-    ...mapActions(
-      'layout', ['switchSidebar', 'changeSidebarActive'],
-    ),
+    ...mapActions([
+      'layout'/'switchSidebar', 'changeSidebarActive',
+    ]),
     setTheme(){
       let theme = localStorage.getItem("theme")
       document.querySelector('body').setAttribute("class", `light-blue ${'theme--' + (theme || 'dark')}`)
     }
   },
   computed: {
-    ...mapState('layout', {
-
-    }),
+    ...mapState(['layout']),
   },
   created() {
     this.setTheme()

src/pages/Visits/Visits.vue

@@ -299,7 +299,7 @@
             </table>
           </div>
           <div class="widget-body mt-xlg chart-overflow-bottom">
-            <area-chart class="area-chart" height="100px" :options="{legend: false, scales: {yAxes: [{display: false}], xAxes: [{display: false}]}}"  :chart-data="dataCollection"></area-chart>
+            <area-chart class="area-chart" :height="100" :options="{legend: false, scales: {yAxes: [{display: false}], xAxes: [{display: false}]}}"  :chart-data="dataCollection"></area-chart>
           </div>
         </Widget>
       </b-col>
@@ -348,7 +348,7 @@ export default {
         }
       },
       checkedArr: [false, false, false],
-      dataCollection: null,
+      dataCollection: {},
     };
   },
   methods: {