diff --git a/pinry-spa/src/components/PHeader.vue b/pinry-spa/src/components/PHeader.vue
index f5f97ec..9498c48 100644
--- a/pinry-spa/src/components/PHeader.vue
+++ b/pinry-spa/src/components/PHeader.vue
@@ -17,7 +17,7 @@
         </div>
         <div id="PinryNav" class="navbar-menu" :class="{ 'is-active': active}">
           <div class="navbar-start">
-            <a class="navbar-item">
+            <a class="navbar-item" :href="bookmarkLet">
               BookmarkLet
             </a>
             <div
@@ -117,6 +117,13 @@ export default {
       },
     };
   },
+  computed: {
+    bookmarkLet() {
+      const url = new URL(window.location);
+      const host = url.origin;
+      return `javascript:void((function(d){var s=d.createElement('script');s.id='pinry-bookmarklet';s.src='${host}/static/js/bookmarklet.js?'+Math.random()*10000000000000000;d.body.appendChild(s)})(document));`;
+    },
+  },
   methods: {
     toggleMenu() {
       this.active = !this.active;
diff --git a/pinry-spa/vue.config.js b/pinry-spa/vue.config.js
index 39cb39b..a0c92bb 100644
--- a/pinry-spa/vue.config.js
+++ b/pinry-spa/vue.config.js
@@ -10,6 +10,10 @@ module.exports = {
         target: 'http://localhost:8000/',
         changeOrigin: true,
       },
+      '/static/js/': {
+        target: 'http://localhost:8000/',
+        changeOrigin: true,
+      },
     },
   },
 };