API V1

components/GenerationFilter.vue

@@ -3,21 +3,32 @@
     :items="generations"
     v-model="internalSelected"
     label="Filtrer par génération"
+    multiple
   />
 </template>
 
 <script>
 export default {
-  props: ['selected'],
+  props: {
+    selected: {
+      type: Array,
+      default: () => []
+    }
+  },
   data() {
     return {
       generations: [1, 2, 3, 4, 5, 6, 7, 8, 9],
-      internalSelected: this.selected
+      internalSelected: []
     }
   },
+  created() {
+    this.internalSelected = this.selected.length ? [...this.selected] : [...this.generations]
+  },
   watch: {
     selected(newVal) {
-      this.internalSelected = newVal
+      if (JSON.stringify(newVal) !== JSON.stringify(this.internalSelected)) {
+        this.internalSelected = [...newVal]
+      }
     },
     internalSelected(newVal) {
       this.$emit('change', newVal)