mer robust håndtering av manglende artikkelelementer, sender api-nøkkel

src/App.vue

@@ -59,6 +59,13 @@ import '@trevoreyre/autocomplete-vue/dist/style.css'
 
 var api_endpoint = 'https://ordbok-dev.aws.uib.no/cache/article'
 
+axios.interceptors.request.use(function (config) {
+    config.headers["x-api-key"] = "ZkYiyRVXxH86ijsvhx3cH4SY5Iik2ijI3BKVJGMm"
+    return config;
+  }, function (error) {
+    return Promise.reject(error);
+  });
+
 window.onpopstate = function (event) {
   if (event.state) {
     app.__vue__._data.article = event.state.article

src/components/Article.vue

 <template>
   <article v-show="article.lemmas.length">
     <Header :lemmas="article.lemmas" />
-    <section v-if="article.body.pronunciation.length">
+    <section v-if="article.body.pronunciation && article.body.pronunciation.length">
       <h3>Uttale</h3>
         <ul>
           <DefElement v-for="(element, index) in article.body.pronunciation" :key="index" :body='element' @article-click="article_link_click" />
         </ul>
     </section>
-    <section v-if="article.body.etymology">
+    <section v-if="article.body.etymology && article.body.etymology.length">
       <h3>Etymologi</h3>
         <ul>
           <DefElement v-for="(element, index) in article.body.etymology" :key="index" :body='element' @article-click="article_link_click" />