Feature_edit.vue

        this.onFeatureTypeLoaded();
        this.initExtraForms(this.feature);

        setTimeout(
          function () {
            mapUtil.addGeocoders(this.$store.state.configuration);
          }.bind(this),
          1000
        );
      });
  },

  destroyed() {
    //* be sure that previous Formset have been cleared for creation
    this.$store.commit("feature/CLEAR_ATTACHMENT_FORM");
    this.$store.commit("feature/CLEAR_LINKED_FORM");
  },
};
</script>

<style>
#map {
  height: 70vh;
  width: 100%;
  border: 1px solid grey;
}
#get-geom-from-image-file {
  margin-bottom: 5px;
}
.georef-btn {
  max-width: 400px;
}
@media only screen and (max-width: 767px) {
  #map {
    height: 80vh;
  }
}
/* // ! missing style in semantic.min.css, je ne comprends pas comment... */
.ui.right.floated.button {
  float: right;
  margin-right: 0;
  margin-left: 0.25em;
}
/* // ! margin écrasé par class last-child first-child, pas normal ... */
.ui.segment {
  margin: 1rem 0 !important;
}
/* override to display buttons under the dimmer of modal */
.leaflet-top,
.leaflet-bottom {
  z-index: 800;
}
</style>