diff --git a/resources/js/components/media-manager/media-editor/tabs/MeEditComponent.vue b/resources/js/components/media-manager/media-editor/tabs/MeEditComponent.vue
index 87edd59..9994615 100644
--- a/resources/js/components/media-manager/media-editor/tabs/MeEditComponent.vue
+++ b/resources/js/components/media-manager/media-editor/tabs/MeEditComponent.vue
@@ -73,7 +73,7 @@
               required
               v-model="oMedia.type_vue_id"
               :disabled="oMedia.isLocked || oMedia.arcadia_id !== null"
-              @change="updateVariantes"
+              @change="oMedia.variante_id = null"
             >
               <option :value="null" selected disabled>Sélectionnez un type de vue</option>
               <option v-for="item in storeTypesvue" :value="item.codeTypevue">
@@ -394,11 +394,9 @@ export default {
     storeRole() {
       return this.$store.state.role;
     },
-  },
-  mounted() {
-    this.$nextTick(() => {
-        this.availableVariantes = this.storeTypesvariante;
-    })
+    availableVariantes() {
+        return this.storeTypesvariante.filter(e => e.typevue_id === this.oMedia.type_vue_id);
+    }
   },
   watch: {
     marques() {
@@ -428,7 +426,6 @@ export default {
       }
     },
     searchMarques() {
-      console.log("search");
       this.refreshMarques();
     },
     searchSocietes() {
@@ -444,14 +441,9 @@ export default {
       selectedSocietes: [],
       searchMarques: "",
       searchSocietes: "",
-      availableVariantes: [],
     };
   },
   methods: {
-    updateVariantes(evt) {
-        this.oMedia.variante_id = null;
-        this.availableVariantes = this.storeTypesvariante.filter(e => e.typevue_id === this.oMedia.type_vue_id);
-    },
     ArcadiaLink() {
       if (this.oMedia.isDefault) {
         $.fancyMessage({