Vipps with qr amount

src/components/GeneratePage.vue

@@ -53,7 +53,7 @@
       ></div>
     </div>
 
-    <Vipps class="vipps" />
+    <Vipps class="vipps" :amount="numberOfBallots" />
     <Countdown :hardEnable="hardStart" @countdown="changeEnabled" />
   </div>
 </template>

src/ui/Vipps.vue

@@ -3,7 +3,7 @@
       <img src="/public/assets/images/vipps-logo.svg" class="vipps-logo" />
       <span>
         kr.
-        <span class="big-money">10,-</span> pr. lodd
+        <span class="big-money">{{ amount * 10 }},-</span> pr. lodd
       </span>
       <img src="/public/assets/images/vipps-qr.png" class="qr-logo" />
       <span class="phone-number">977 40 427</span>
@@ -14,9 +14,12 @@
 
 <script>
 export default {
+  props: {
+    amount: Number
+  },
   methods: {
     openVipps: () => {
-      window.location.assign('https://qr.vipps.no/28/2/01/031/4797740427?v=1')
+      window.location.assign('https://qr.vipps.no/28/2/01/031/4797740427?v=1&m=Vinlotteri🍾&a=' + 100 * amount)
     }
   }
 }