Feat: hightlight for month presentation

src/components/MonthPresentation.vue

@@ -54,7 +54,7 @@ export default {
       },
   computed: {
     ...mapGetters('config', {
-        'monthDesc': 'monthDesc',
+        'monthDesc': 'monthHightlightDesc',
     }),
       rawDate: function () {
             return parseISO(this.TheDate, "yyyy-MM", new Date())

src/store/config/index.js

@@ -17,6 +17,7 @@ const config = {
                     type: 'base',
                     name: 'caTheo',
                     unit: '€',
+                    hightlight: true,
                 },
                 {
                     color: '',
@@ -24,6 +25,7 @@ const config = {
                     type: 'base',
                     name: 'caRetro',
                     unit: '€',
+                    hightlight: false,
                 },
                 {
                     color: '',
@@ -31,6 +33,7 @@ const config = {
                     type: 'base',
                     name: 'caReact', 
                     unit: '€',
+                    hightlight: true,
                 },
                 {
                     color: '',
@@ -38,6 +41,7 @@ const config = {
                     type: 'base',
                     name: 'sessionQty', 
                     unit: '',
+                    hightlight: false,
                 },
                 {
                     color: '',
@@ -45,13 +49,15 @@ const config = {
                     type: 'base',
                     name: 'retro',
                     unit: '€',
+                    hightlight: false,
                 },
                 {
                     color: '',
                     desc: 'Rémuneration',
                     type: 'base',
-                    name: 'remueration', 
+                    name: 'remuneration', 
                     unit: '€',
+                    hightlight: true,
                 },
                 {
                     color: '',
@@ -59,6 +65,7 @@ const config = {
                     type: 'base',
                     name: 'proPercentage', 
                     unit: '%',
+                    hightlight: false,
                 },
             ],
         }
@@ -67,6 +74,7 @@ const config = {
         userDir (state) { return state.userDir },
         dataFilePath (state) { return path.join(state.userDir, state.dataFile) },
         monthDesc (state) { return state.monthDesc },
+        monthHightlightDesc (state) { return state.monthDesc.filter(a => a.hightlight) },
         caProPercentage (state) { return state.caProPercentage },
     },
     mutations: {