Small YETI fixes

* translate cannot be applied on slots because of key extraction, but my fix was bad. We have to introduce some extra span element
* moment doesn't exist anymore -> date-fns

src/components/yeti/SubPanelBra.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="yeti-subpanel">
-    <sub-panel-title v-translate>Danger level</sub-panel-title>
+    <sub-panel-title><span v-translate>Danger level</span></sub-panel-title>
     <div class="columns is-mobile">
       <div class="column">
         <div class="inputs-bra" :class="{ 'inputs-bra-different': bra.isDifferent }">

src/components/yeti/SubPanelCourse.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="yeti-subpanel">
-    <sub-panel-title v-translate>Route</sub-panel-title>
+    <sub-panel-title><span v-translate>Route</span></sub-panel-title>
     <div v-if="features.length">
       <div class="columns is-mobile">
         <div class="column">
@@ -39,7 +39,7 @@
         <p class="yetiform-info is-italic is-marginless" v-translate>Lines chunks</p>
         <features-list :features="features" :map="map" />
       </div>
-      <sub-panel-title v-translate>Export</sub-panel-title>
+      <sub-panel-title><span v-translate>Export</span></sub-panel-title>
       <div class="columns is-vcentered is-mobile">
         <div class="column">
           <ul class="form-export">
@@ -111,6 +111,8 @@
 </template>
 
 <script>
+import { format } from 'date-fns';
+
 import FeaturesList from '@/components/yeti/FeaturesList.vue';
 import SubPanelTitle from '@/components/yeti/SubPanelTitle.vue';
 import ol from '@/js/libs/ol';
@@ -206,22 +208,21 @@ export default {
       }
     },
 
-    downloadFeatures(format, extension, mimetype) {
+    downloadFeatures(olFormat, extension, mimetype) {
       const features = this.features;
       features[0].set('name', this.featuresTitle);
 
       const filename = this.setFilename(extension);
 
-      const content = format.writeFeatures(features, {
+      const content = olFormat.writeFeatures(features, {
         featureProjection: 'EPSG:3857',
       });
 
       utils.download(content, filename, mimetype + ';charset=utf-8');
     },
 
     setFilename(ext) {
-      let date = this.$moment.parseDate(new Date());
-      return date.format('YYYY-MM-DD_HH-mm-ss') + ext;
+      return format(new Date(), 'yyyy-MM-dd_HH-mm-ss') + ext;
     },
   },
 };

src/components/yeti/SubPanelMethods.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="yeti-subpanel">
-    <sub-panel-title v-translate>Methods</sub-panel-title>
+    <sub-panel-title><span v-translate>Methods</span></sub-panel-title>
     <div class="columns is-mobile yetitabs">
       <div v-for="item of Object.keys(methods)" :key="item" class="column yetitab">
         <div class="control yetitab-control" :class="{ 'yetitab-control--selected': method.type === item }">