fully integrated vue-i18n with embeded en messages and async loaded current language translation exported by strings_translation_export_json

web/themes/custom/materiotheme/vuejs/components/Pages/Article.vue

@@ -77,7 +77,7 @@
           ></div>
         </div>
         <aside class="linked-materials">
-          <h3 class="field__label">Linked Materials</h3>
+          <h3 class="field__label">{{$t("materio.Linked Materials")}}</h3>
           <div class="card-list">
             <ul class="">
               <li v-for="node in content.field_linked_materials" v-bind:key="node.id">
@@ -115,6 +115,7 @@
 import router from 'vuejs/route'
 import store from 'vuejs/store'
 import { JSONAPI } from 'vuejs/api/json-axios'
+import { REST } from 'vuejs/api/rest-axios'
 import qs from 'querystring-es3'
 import Card from 'vuejs/components/Content/Card'
 
@@ -329,9 +330,9 @@ export default {
               default:
             }
             this.content[key].push(field)
+
           }
         })
-
       }
       // extract first visuel as accroche
       this.content.image_accroche = this.content.field_visuel.shift()
@@ -348,7 +349,27 @@ export default {
       this.loading = false;
       console.log('article.content',this.content);
 
+      // this.getFieldDefinition()
     },
+    // getFieldDefinition(field){
+    //   // JSONAPI.get(`field_config/${field}`)
+    //   //   .then(({ data }) => {
+    //   //     console.log('getFieldDefinition data', data)
+    //   //   })
+    //   //   .catch(( error ) => {
+    //   //       console.warn('Issue with getFieldDefinition', error)
+    //   //       Promise.reject(error)
+    //   //   })
+    //   REST.get('/entity/node_type/materiau?_format=json')
+    //     .then((data) => {
+    //       console.log('getFieldDefiintion', data)
+    //     })
+    //     .catch(error => {
+    //       console.warn('Issue with getFieldDefiintion', error)
+    //       Promise.reject(error)
+    //     })
+    //
+    // },
     onNext(){
       // console.log('clicked on next', this.prevnext.next);
       let alias = this.prevnext.next.view_node.replace(/^.?\/blabla\//g, '')