edit.vue in lesli-5.0.13

- old
+ new

@@ -64,12 +64,12 @@
 })
 
 
 // · translations
 const translations = {
+    dashboards: {}, //i 18n.t("lesli.dashboards"),
     main: I18n.t(`${props.engine}.dashboards`),
-    dashboards: I18n.t('core.dashboards'),
     core: I18n.t('core.shared')
 }
 
 
 // · 
@@ -124,27 +124,27 @@
         <dashboard-form is-editable></dashboard-form>
 
         <!-- Dashboard components -->
         <template v-if="storeDashboard.dashboard.components">
             <div class="columns is-multiline is-variable is-4 dashboard-components">
-                <template v-for="(component, index) in storeDashboard.dashboard.components" :key="index">
-                    <div :class="['column', 'is-' + component?.layout]">
+                <template v-for="(_component, index) in storeDashboard.dashboard.components" :key="index">
+                    <div :class="['column', 'is-' + _component?.layout]">
 
                         <!-- Dashboard widget component when in edition mode -->
                         <div class="edit">
 
                             <!-- Dashboard widget preview -->
                             <component 
-                                :component.sync="component" 
-                                :is="props.components[component.component_id]">
+                                :component.sync="_component" 
+                                :is="props.components[_component.component_id]">
                             </component>
 
                             <!-- Edition controls -->
                             <div class="mt-4 mb-2">
                                 <div class="field has-addons is-justify-content-center">
                                     <p class="control">
-                                        <button class="button is-small" @click="sizeDecrease(component)">
+                                        <button class="button is-small" @click="sizeDecrease(_component)">
                                             <span class="icon is-small">
                                                 <span class="material-icons">
                                                     remove
                                                 </span>
                                             </span>
@@ -152,11 +152,11 @@
                                     </p>
                                     <p class="control control-label has-text-centered">
                                         size    
                                     </p>
                                     <p class="control">
-                                        <button class="button is-small" @click="sizeIncrease(component)">
+                                        <button class="button is-small" @click="sizeIncrease(_component)">
                                             <span class="icon is-small">
                                                 <span class="material-icons">
                                                     add
                                                 </span>
                                             </span>
@@ -164,11 +164,11 @@
                                     </p>
                                 </div>
 
                                 <div class="field has-addons is-justify-content-center">
                                     <p class="control">
-                                        <button class="button is-small" @click="sizeDecrease(component)">
+                                        <button class="button is-small" @click="sizeDecrease(_component)">
                                             <span class="icon is-small">
                                                 <span class="material-icons">
                                                     chevron_left
                                                 </span>
                                             </span>
@@ -176,21 +176,21 @@
                                     </p>
                                     <p class="control control-label has-text-centered px-4">
                                         position
                                     </p>
                                     <p class="control">
-                                        <button class="button is-small" @click="sizeIncrease(component)">
+                                        <button class="button is-small" @click="sizeIncrease(_component)">
                                             <span class="icon is-small">
                                                 <span class="material-icons">
                                                     chevron_right
                                                 </span>
                                             </span>
                                         </button>
                                     </p>
                                 </div>
 
                                 <div class="has-text-centered">
-                                    <lesli-button small danger icon="delete" @click="remove(component)">
+                                    <lesli-button small danger icon="delete" @click="remove(_component)">
                                         remove
                                     </lesli-button>
                                 </div>
                             </div>
                         </div>