WIP citation button

src/components/ArticleFooter.vue

@@ -17,7 +17,7 @@
         <v-card rounded="0" class="info-card">
           {{{"nob": "Ønskjer du å sitere denne artikkelen i Nynorskordboka, rår vi deg til å gje opp når artikkelen vart henta (lesen), t.d. slik:",
                          "bob": "Ønsker du å sitere denne artikkelen i Bokmålsordboka, anbefaler vi å oppgi når artikkelen ble hentet (lest), f.eks. slik:"}[this.article.dictionary]}}<br/>
-          <span class = "highlighted">{{this.create_citation()}}</span>
+          <span id = "citation" class = "highlighted" v-html="this.create_citation()"/>
           <v-btn fixed depressed x-small class="toolbar-button" rounded tabindex="0" @click="copy_citation">
             <v-icon x-small icon>content_copy</v-icon> Kopier
           </v-btn>
@@ -65,8 +65,8 @@ export default {
       let mm = (date.getMonth() < 10? '0' : '') + date.getMonth()
       let yyyy = date.getFullYear()
 
-      let citation = {"bob": `«${this.article.lemmas[0].lemma}». I: Bokmålsordboka. Språkrådet og Universitetet i Bergen. <${this.create_link()}> (hentet ${dd}.${mm}.${yyyy}).`,
-                      "nob":`«${this.article.lemmas[0].lemma}». I: Nynorskordboka. Språkrådet og Universitetet i Bergen. <${this.create_link()}> (henta ${dd}.${mm}.${yyyy}).`
+      let citation = {"bob": `«${this.article.lemmas[0].lemma}». I: <i>Bokmålsordboka.</i> Språkrådet og Universitetet i Bergen. <${this.create_link()}> (hentet ${dd}.${mm}.${yyyy}).`,
+                      "nob":`«${this.article.lemmas[0].lemma}». I: <i>Nynorskordboka.</i> Språkrådet og Universitetet i Bergen. <${this.create_link()}> (henta ${dd}.${mm}.${yyyy}).`
                       }[this.article.dictionary]
       
       
@@ -77,8 +77,10 @@ export default {
     },
 
     copy_citation() {
-      let citation = this.create_citation()
-      navigator.clipboard.writeText(citation);
+      let citation = document.getElementById("citation").textContent;
+      navigator.clipboard.writeText(citation)
+      console.log(citation)
+
       this.menu = false
     }