Fix vue-qrcode inside the lightning network info vue

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">

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"
         ]
     },