The guest payment page (GuestPaymentRedirect.vue) still used the old
non-compliant QR settings that were already fixed in PaymentRedirect.vue
(commit 573153b). Desktop users scanning the QR with the Swish app could
not pay via QR on the guest checkout path.
Root cause: GuestPaymentRedirect.vue was not updated when the auth-path
QR fix was applied. It kept:
- margin: 2 (half the ISO/IEC 18004 minimum of 4 modules)
- color #111827 (dark gray; Swish spec requires pure black)
- width: 224 (borderline for ~80-90 char pre-fill URLs)
Changes:
- GuestPaymentRedirect.vue: QR options now match PaymentRedirect.vue
exactly — margin 4, width 288, errorCorrectionLevel 'M',
color #000000/#ffffff
- CSS .payment__qr-img: 224px -> 288px to match the larger QR
- GuestPaymentRedirect.spec.ts: renamed 'renders QR code after loading
swish info' to 'renders QR code with spec-compliant settings' and
added assertions verifying margin, width, and color options
Closes#22
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.