Fix: add rel=noopener on link that open new tab

internal/view/content.html

@@ -27,7 +27,7 @@
             <p id="metadata">Added $$.Modified$$ UTC</p>
             <p id="title">$$.Title$$</p>
             <div id="links">
-                <a href="$$.URL$$" target="_blank">View Original</a>
+                <a href="$$.URL$$" target="_blank" rel="noopener">View Original</a>
                 $$if .HasArchive$$
                 <a href="/bookmark/$$.ID$$/archive">View Archive</a>
                 $$end$$
@@ -66,8 +66,9 @@
             mounted() {
                 this.loadSetting();
 
-                document.querySelectorAll("#content a").forEach((elem) => {
+                document.querySelectorAll("#content a").forEach(elem => {
                     elem.setAttribute("target", "_blank");
+                    elem.setAttribute("rel", "noopener");
                 });
             }
         });

internal/view/js/component/bookmark.js

@@ -4,7 +4,7 @@ var template = `
         v-if="editMode" 
         @click="selectBookmark">
     </a>
-    <a class="bookmark-link" :href="mainURL" target="_blank">
+    <a class="bookmark-link" :href="mainURL" target="_blank" rel="noopener">
         <span class="thumbnail" v-if="imageURL" :style="thumbnailStyleURL"></span>
         <p class="title">{{title}}</p>
         <p class="excerpt" v-if="!imageURL">{{excerpt}}</p>
@@ -15,7 +15,7 @@ var template = `
     </div>
     <div class="spacer"></div>
     <div class="bookmark-menu">
-        <a class="url" :href="url" target="_blank">
+        <a class="url" :href="url" target="_blank" rel="noopener">
             {{hostnameURL}}
         </a>
         <template v-if="!editMode">