snippet

src/components/Article.vue

@@ -81,6 +81,17 @@ export default {
   },
 
     computed: {
+    snippet: function() {
+      let text = ""
+
+      this.article.body.definitions.forEach((definition) => {
+        console.log(definition)
+        text+=definition.elements[0].content
+      })
+
+      return text
+
+    },
     collapsable: function() {
       console.log(this.$parent.$options.name)
       return this.$parent.$options.name    == 'SearchResults' && (this.$parent.results_bm.length + this.$parent.results_nn.length > 2)

src/components/Header.vue

@@ -21,12 +21,9 @@
         </v-card>
       </v-menu>)
     </span>
-    <v-btn rounded v-if="$parent.collapsable"
-           depressed
-           x-small
-           class="expand_icon" 
-           @click="$parent.collapsed=!$parent.collapsed">{{$parent.collapsed? 'Vis innhold' : 'Skjul innhold'}}
-           <v-icon right color="primary">{{$parent.collapsed ? 'expand_more': 'expand_less'}}</v-icon></v-btn>
+    <span v-if="$parent.collapsed && $parent.has_content" class="definition_snippet" tabindex="0">
+      | {{$parent.snippet}}
+    </span>
       <div class="inflection-wrapper" v-if="inflected && !$parent.collapsed">
     
     <v-btn class="show-inflection" width="160px" rounded depressed small @click.native="toggle" :class="$vuetify.breakpoint.name">