Issue344 vue multiselect i18n

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/App.vue

@@ -2,6 +2,7 @@
   <ol class="breadcrumb">
     <li
         v-for="s in steps"
+        :key="s"
         class="breadcrumb-item" :class="{ active: step === s }"
     >
         {{ $t('household_members_editor.app.steps.'+s) }}

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Concerned.vue

@@ -9,7 +9,7 @@
   <div v-else>
     <p>
       {{ $t('household_members_editor.concerned.persons_will_be_moved') }}&nbsp;:
-      <span v-for="c in concerned" :key=c.person.id>
+      <span v-for="c in concerned" :key="c.person.id">
         <person-render-box render="badge" :options="{addLink: false}" :person="c.person"></person-render-box>
         <button class="btn" @click="removePerson(c.person)" v-if="c.allowRemove" style="padding-left:0;">
           <span class="fa-stack fa-lg" :title="$t('household_members_editor.concerned.remove_concerned')">
@@ -21,7 +21,7 @@
     </p>
     <div class="alert alert-info" v-if="concernedPersonsWithHouseholds.length > 0">
       <p>{{ $t('household_members_editor.concerned.persons_with_household') }}</p>
-      <ul v-for="c in concernedPersonsWithHouseholds" :key=c.person.id>
+      <ul v-for="c in concernedPersonsWithHouseholds" :key="c.person.id">
         <li>
           {{ c.person.text }}
           {{ $t('household_members_editor.concerned.already_belongs_to_household') }}

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Confirmation.vue

@@ -8,10 +8,10 @@
   </p>
 
   <ul>
-    <li v-for="(msg, index) in warnings" class="warning">
+    <li v-for="(msg, i) in warnings" class="warning" :key="i">
       {{ $t(msg.m, msg.a) }}
     </li>
-    <li v-for="msg in errors" class="error">
+    <li v-for="(msg, i) in errors" class="error" :key="i">
       {{ msg }}
     </li>
   </ul>

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue

@@ -39,7 +39,7 @@
              aria-labelledby="heading_household_suggestions" data-bs-parent="#householdSuggestions">
           <div v-if="showHouseholdSuggestion">
             <div class="flex-table householdSuggestionList">
-              <div v-for="s in getSuggestions" class="item-bloc">
+              <div v-for="(s, i) in getSuggestions" class="item-bloc" :key="`householdSuggestions-${i}`">
                 <household-render-box :household="s.household"></household-render-box>
                 <ul class="record_actions">
                   <li>

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Positioning.vue

@@ -24,7 +24,8 @@
               </button>
             </div>
             <div
-                v-for="position in positions"
+                v-for="(position, i) in positions"
+                :key="`position-${i}`"
                 class="position"
             >
               <button