Add torrent name to magnet link

So your torrent client shows the name of a torrent even before
it downloads metadata

static/resultpage/index.html

@@ -23,7 +23,7 @@
                 </b-table-column>
                 <b-table-column field="id" label=" " e>
                     <span class="icon">
-                        <a style="color: hsl(171, 100%, 41%)" @click="resultClicked(props.row.id,props.row.text,props.row.s,props.row.l,props.row.len)" v-bind:href="'magnet:?xt=urn:btih:' + props.row.id + '&tr=udp%3A%2F%2Ftracker.coppersurfer.tk%3A6969%2Fannounce&tr=udp%3A%2F%2Ftracker.opentrackr.org%3A1337%2Fannounce&tr=udp%3A%2F%2Ftracker.internetwarriors.net%3A1337'">
+                        <a style="color: hsl(171, 100%, 41%)" @click="resultClicked(props.row.id,props.row.text,props.row.s,props.row.l,props.row.len)" v-bind:href="'magnet:?xt=urn:btih:' + props.row.id + '&dn=' + urlEncode(props.row.text) + '&tr=udp%3A%2F%2Ftracker.coppersurfer.tk%3A6969%2Fannounce&tr=udp%3A%2F%2Ftracker.opentrackr.org%3A1337%2Fannounce&tr=udp%3A%2F%2Ftracker.leechers-paradise.org%3A6969%2Fannounce'">
                             <i class="fas fa-magnet"></i>
                         </a>
                     </span>

static/resultpage/main.js

@@ -5,6 +5,11 @@ app = new Vue({
         resultsFound: false,
         showProgress: false,
         progress: 0
+    },
+    methods: {
+        urlEncode: function (input) {
+            return encodeURIComponent(input)
+        }
     }
 })