{% extends "print.html" %} {% block page %}
<div class="row justify-center">
  <div class="qr">
    <qrcode value="{{ lnurl }}" :options="{width}"></qrcode>
  </div>
</div>
{% endblock %} {% block styles %}
<style>
  .qr {
    margin: auto;
  }
</style>
{% endblock %} {% block scripts %}
<script>
  Vue.component(VueQrcode.name, VueQrcode)

  new Vue({
    el: '#vue',
    created: function () {
      window.print()
    },
    data: function () {
      return {width: window.innerWidth * 0.5}
    }
  })
</script>
{% endblock %}
