src/components/HeaderTitle.vue

+<template>
+<span>
+     <span v-bind:class="{ 'lookup': $route.name=='lookup'}" v-for="(lemma_group, i) in lemma_groups" :key="i">
+    <h3>
+                <!--
+    --><span v-for="(lemma, index) in lemma_group.lemmas"
+          :key="index"><DefElement v-if="lemma.annotated_lemma" :body="lemma.annotated_lemma" tag="span"/><span v-else>{{lemma.lemma}}</span><!--
+          --><span v-if="lemma.hgno"
+                   :aria-label="$t('accessibility.homograph') + parseInt(lemma.hgno)"
+                   :title="$t('accessibility.homograph')+parseInt(lemma.hgno)"
+                   class="hgno">{{" "+roman_hgno(lemma)}}</span><!--
+                    --><span
+                   class="title_comma"
+                   v-if="lemma_group.lemmas[1] && index < lemma_group.lemmas.length-1">{{", "}}
+                  </span>
+    </span>
+</h3>
+<h3 v-if="secondary_header_text">{{secondary_header_text}}</h3>  
+    <span :lang="$parent.$parent.lang_tag_locale" v-if="lemma_group.description" class="subheader">
+    <span class="header_group_list">{{lemma_group.description}}</span>
+          {{lemma_group.pos_group}}
+    <span v-if="$store.state.showInflectionNo" class="inflection_classes">{{lemma_group.inflection_classes}}</span>
+
+    </span>
+
+
+    </span>
+</span>
+</template>
+
+<script>
+import helpers from '../utils/helpers.js'
+import DefElement from './DefElement.vue'
+
+export default {
+  name: 'HeaderTitle',
+  components: {
+      DefElement
+  },
+  props: {
+      lemma_groups: Array,
+      secondary_header_text: String
+  },
+  methods: {
+      roman_hgno: helpers.roman_hgno,
+      
+  }
+}
+
+</script>
+

src/components/Pagination.vue

+<template>
+<div v-bind:class="{'centered': bottom}">
+              <span color="tertiary" class = "pagination">
+            <v-pagination @input="update" v-model="$parent.$parent.page" :class="$vuetify.breakpoint.name" :total-visible="$vuetify.breakpoint.smAndDown && !bottom ? 5 : 8" circle :length="Math.ceil(Math.max($parent.count_bm, $parent.count_nn)/$parent.$parent.perPage)"></v-pagination>
+                <span class="result-counts" v-if="!bottom && $vuetify.breakpoint.smAndDown">
+                  <span class="total-results">{{$parent.$parent.total_results()}} treff </span>
+                  <span v-if="$parent.$parent.lang=='bm,nn'" class="dict-counts"> | {{$vuetify.breakpoint.mdAndDown? 'bokmål': 'Bokmålsordboka'}}: {{$parent.count_bm}} | {{$vuetify.breakpoint.mdAndDown? 'nynorsk': 'Nynorskordboka'}}: {{$parent.count_nn}}</span>
+                  <span v-if="$parent.$parent.lang!='bm,nn'" class="dict-counts"> | {{$t('dicts_inline.'+$parent.lang)}}</span>
+                </span> 
+          </span>
+          <v-btn v-if="bottom && $parent.$parent.total_results() > 6" text @click.native="to_top"><v-icon left>expand_less</v-icon>{{$t('to_top')}}</v-btn> 
+          </div>
+</template>
+
+
+<script>
+
+export default ({
+    name: "Pagination",
+    props: {
+        bottom: Boolean
+    },
+    methods: {
+        update: function(item) {
+        if (this.bottom) {
+            this.to_top()
+        }
+      
+        this.$emit('update-page', item)
+
+    },
+        to_top: function() {
+        let first = document.getElementById("result0")
+        if (first) first.focus();
+        window.scrollTo(0,0)
+        }
+        
+
+    },
+})
+</script>
+
+<style scoped>
+
+.centered {
+    text-align: center;
+    padding-bottom: 10px;
+}
+
+.centered > span {
+    justify-content: center;
+    padding-bottom: 10px
+}
+
+
+</style>
\ No newline at end of file

src/components/SubArticle.vue

@@ -4,8 +4,8 @@
       {{body.lemmas[0]}}
     </span>
     <ul>
-      <DefElement :body="body.intro" v-if="body.intro" :dictionary="dictionary" @article-click="article_link_click" />
-      <Definition :level="9" :body="body.article.body.definitions[0]" :dictionary="dictionary" @article-click="article_link_click" />
+      <DefElement :body="body.intro" v-if="body.intro" :dictionary="dictionary" @article-click="article_link_click" @error="article_error"/>
+      <Definition :level="9" :body="body.article.body.definitions[0]" :dictionary="dictionary" @article-click="article_link_click" @error="article_error"/>
     </ul>
   </li>
 </template>
@@ -33,6 +33,9 @@ export default {
   methods: {
     article_link_click: function(item) {
       this.$emit('article-click', item)
+    },
+    article_error: function(payload) {
+      this.$emit('error', payload)
     }
   }
 }