fix error not updated in project_mapping_basemap for title & fix prop mutated

src/components/feature/FeatureExtraForm.vue

@@ -6,7 +6,7 @@
     <label for="field.name">{{ field.label }}</label>
     <input
       :id="field.name"
-      v-model="field.value"
+      :value="field.value"
       type="text"
       :name="field.name"
       @blur="updateStore_extra_form"
@@ -33,7 +33,7 @@
       <!-- //* si click sur fléche dans champ input, pas de focus, donc pas de blur, donc utilisation de @change -->
       <input
         :id="field.name"
-        v-model.number="field.value"
+        :value="field.value"
         type="number"
         :name="field.name"
         @change="updateStore_extra_form"
@@ -62,7 +62,7 @@
     <label for="field.name">{{ field.label }}</label>
     <input
       :id="field.name"
-      v-model="field.value"
+      :value="field.value"
       type="date"
       :name="field.name"
       @blur="updateStore_extra_form"
@@ -76,7 +76,7 @@
     <div class="ui input">
       <input
         :id="field.name"
-        v-model.number="field.value"
+        :value="field.value"
         type="number"
         step=".01"
         :name="field.name"
@@ -90,7 +90,7 @@
   >
     <label :for="field.name">{{ field.label }}</label>
     <textarea
-      v-model="field.value"
+      :value="field.value"
       :name="field.name"
       rows="3"
       @blur="updateStore_extra_form"

src/components/feature/FeatureListTable.vue

@@ -277,6 +277,8 @@
 </template>
 
 <script>
+/* eslint-disable */
+
 import { mapState, mapGetters } from 'vuex';
 
 export default {

src/components/project/ProjectMappingContextLayer.vue

 <template>
+<!-- eslint-disable -->
+
   <div
     :id="layer.dataKey"
     class="ui segment layer-item"

src/components/project/project_mapping_basemap.vue

@@ -2,8 +2,10 @@
   <div class="ui segment">
     <div class="field required">
       <label for="basemap-title">Titre</label>
+      <!-- eslint-disable -->
       <input
-        v-model="basemap.title"
+        :value="basemap.title"
+        @input="updateTitle"
         type="text"
         name="basemap-title"
         required
@@ -66,6 +68,8 @@
 </template>
 
 <script>
+/* eslint-disable */
+
 import Sortable from 'sortablejs';
 import ProjectMappingContextLayer from '@/components/project/ProjectMappingContextLayer.vue';
 
@@ -95,21 +99,6 @@ export default {
     },
   },
 
-  watch: {
-    'basemap.title': {
-      deep: true,
-      handler: function (newValue, oldValue) {
-        if (newValue !== oldValue) {
-          this.basemap.title = newValue;
-          if (newValue === '')
-            this.basemap.errors = 'Veuillez compléter ce champ.';
-          else this.basemap.errors = '';
-          this.updateTitle(this.basemap);
-        }
-      },
-    },
-  },
-
   created() {
     if (this.basemap.layers) {
       //* add datakeys to layers coming from api
@@ -144,11 +133,18 @@ export default {
     },
 
     updateTitle(evt) {
+      let errors = '';
+      if(evt.target.value === '') { //* delete or add error message while typing
+        errors = "Veuillez compléter ce champ.";
+      }
       this.$store.commit('map/UPDATE_BASEMAP', {
         id: this.basemap.id,
-        title: evt.title,
-        errors: evt.errors,
+        title: evt.target.value,
+        errors,
       });
+
+
+
     },
 
     removeLayer(dataKey) {

src/store/modules/map.js

@@ -40,15 +40,11 @@ const map = {
     UPDATE_BASEMAP(state, { title, id, layers, errors }) {
       const index = state.basemaps.findIndex((el) => el.id === id);
       if (index !== -1) {
-        if (title) {
-          state.basemaps[index].title = title;
-        }
+        state.basemaps[index].title = title;
+        state.basemaps[index].errors = errors;
         if (layers) {
           state.basemaps[index].layers = layers;
         }
-        if (errors) {
-          state.basemaps[index].errors = errors;
-        }
       }
     },
     DELETE_BASEMAP(state, basemapId) {

src/views/project/Project_mapping.vue

@@ -102,7 +102,7 @@ export default {
     checkTitles() {
       let isValid = true;
       this.basemaps.forEach((basemap) => {
-        if (basemap.title === null || basemap.title === '') {
+        if (basemap.title === null || basemap.title === '') { //* check title when saving basemaps
           basemap.errors = 'Veuillez compléter ce champ.';
           isValid = false;
         } else if (basemap.layers.length === 0) {