put props on different lines

src/components/Header.vue

@@ -2,25 +2,49 @@
 <template>
   <div class = "header">
     <h2>
-    <router-link tabindex="0" :id="title_id" :to="$parent.link_to_self.ref" @click.native="$parent.details_click($parent.link_to_self)" v-bind:class="{'long_lemma': long_lemma}" class="article_header">
-    <span v-for="(lemma, index) in lemmas" :key="index">{{lemma.lemma}}<span :aria-label="hgno_arabic" class="hgno" v-if="hgno(lemma)">{{" "+hgno(lemma)}}</span><span class="title_comma" v-if="lemmas[1] && index < lemmas.length-1">{{", "}}</span>
+    <router-link tabindex="0" 
+                 :id="title_id" 
+                 :to="$parent.link_to_self.ref" 
+                 @click.native="$parent.details_click($parent.link_to_self)"
+                 v-bind:class="{'long_lemma': long_lemma}"
+                 class="article_header">
+    <span v-for="(lemma, index) in lemmas" 
+          :key="index">{{lemma.lemma}}<!--
+          --><span :aria-label="hgno_arabic" 
+                   class="hgno" 
+                   v-if="hgno(lemma)">{{" "+hgno(lemma)}}</span><span 
+                   class="title_comma" 
+                   v-if="lemmas[1] && index < lemmas.length-1">{{", "}}
+                  </span>
     </span>
     </router-link></h2>
     <span class="dict-label">{{dict_label}}</span>
-    <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>
+    <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>
 
     <span v-if="split_inf"> (kløyvd infinitiv: <em>-a</em>
-      <v-menu tile v-model="menu" offset-x max-width="200px">
+      <v-menu tile 
+              v-model="menu" 
+              offset-x max-width="200px">
         <template v-slot:activator="{ on, attrs }">
-          <v-btn aria-label="Mer informasjon om kløyvd infinitiv" x-small icon v-on="on" v-bind="attrs" class="info-button">
-            <v-icon color="primary" size="14px">$vuetify.icons.value.info</v-icon>
+          <v-btn aria-label="Mer informasjon om kløyvd infinitiv" 
+                 x-small
+                 icon 
+                 v-on="on" 
+                 v-bind="attrs" 
+                 class="info-button">
+            <v-icon color="primary" 
+                    size="14px">$vuetify.icons.value.info</v-icon>
           </v-btn>
         </template>
-        <v-card tile class="info-card">
+        <v-card tile 
+                class="info-card">
           Dersom du bruker kløyvd infinitiv, skal dette verbet ha <em>-a</em> i infinitiv. Les meir
-          <a target="_blank" href="https://www.sprakradet.no/svardatabase/sporsmal-og-svar/kloyvd-infinitiv-/">her</a>.
+          <a target="_blank" 
+             href="https://www.sprakradet.no/svardatabase/sporsmal-og-svar/kloyvd-infinitiv-/">her</a>.
         </v-card>
       </v-menu>)
     </span>
@@ -29,7 +53,6 @@
     </span>                <span v-if="$parent.collapsable" >
           <v-btn class="expand_icon"
            :title="$parent.collapsed? 'Vis mer' : 'Kollaps'"
-      
            text
            small
            @click="$parent.collapsed=!$parent.collapsed">