From e8a346182bdf346a9b2a6449e8c178db0a378179 Mon Sep 17 00:00:00 2001
From: "nicolas.dorier" <nicolas.dorier@gmail.com>
Date: Sat, 9 Mar 2019 12:34:59 +0900
Subject: [PATCH] Fix vue-qrcode inside the lightning network info vue

---
 .../PublicLightningNodeInfo/ShowLightningNodeInfo.cshtml      | 4 ++--
 BTCPayServer/bundleconfig.json                                | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/BTCPayServer/Views/PublicLightningNodeInfo/ShowLightningNodeInfo.cshtml b/BTCPayServer/Views/PublicLightningNodeInfo/ShowLightningNodeInfo.cshtml
index 53c676547..d201f2c22 100644
--- a/BTCPayServer/Views/PublicLightningNodeInfo/ShowLightningNodeInfo.cshtml
+++ b/BTCPayServer/Views/PublicLightningNodeInfo/ShowLightningNodeInfo.cshtml
@@ -31,7 +31,7 @@
             var app = new Vue({
                 el: '#app',
                 components: {
-                    qrcode: VueQr
+                    qrcode: VueQrcode
                 },
                 data: {
                     srvModel: srvModel
@@ -125,7 +125,7 @@
                 <div class="card-body m-sm-0 p-sm-0" v-if="srvModel.available">
                     <div class="qr-container mb-2">
                         <img v-bind:src="srvModel.cryptoImage" class="qr-icon"/>
-                        <qrcode v-bind:val="srvModel.nodeInfo" v-bind:size="256" bg-color="#f5f5f7" fg-color="#000">
+                        <qrcode v-bind:value="srvModel.nodeInfo" :options="{ width: 256, margin: 0, color: {dark:'#000', light:'#f5f5f7'} }">
                         </qrcode>
                     </div>
                     <div class="input-group copy" data-clipboard-target="#vue-peer-info">
diff --git a/BTCPayServer/bundleconfig.json b/BTCPayServer/bundleconfig.json
index 0a252ecd9..7e4eb8eef 100644
--- a/BTCPayServer/bundleconfig.json
+++ b/BTCPayServer/bundleconfig.json
@@ -60,7 +60,7 @@
             "wwwroot/vendor/clipboard.js/clipboard.js",
             "wwwroot/vendor/jquery/jquery.js",
             "wwwroot/vendor/vuejs/vue.min.js",
-            "wwwroot/vendor/vuejs/vue-qrcode.js",
+            "wwwroot/vendor/vue-qrcode/vue-qrcode.js",
             "wwwroot/vendor/vue-toasted/vue-toasted.min.js"
         ]
     },