turn titles into links

src/components/Header.vue

@@ -2,8 +2,8 @@
 <template>
   <div class = "header">
     <span class="dict-label">{{dict_label}}</span>
-    <div @click="$parent.collapsed=!$parent.collapsed" tabindex="0" class="article_header"><h2>{{header_text}}</h2>
-    <span :aria-label="hgno_arabic" class="hgno" v-if="$store.state.showHGNO">{{hgno}}</span></div>
+    <router-link  :to="$parent.link_to_self.ref" @click.native="$parent.details_click($parent.link_to_self)" class="article_header"><h2>{{header_text}}</h2>
+    <span :aria-label="hgno_arabic" class="hgno" v-if="$store.state.showHGNO">{{hgno}}</span></router-link>
     <h2 class="secondary_header" v-if="secondary_header_text.length">{{secondary_header_text}}</h2>
     <span class="header_group_list" v-if="group_list.length">{{group_list}}</span>
     <span v-if="$store.state.showInflectionNo">{{inflection_classes}}</span>
@@ -193,10 +193,12 @@ div.lemma {
 .article_header {
   display: flex;
   align-items: baseline;
+  text-decoration: none;
 }
 
 .hgno {
   padding-left: 3px;
+  color: var(--v-text-base) !important;
 }
 
 </style>