QR Code design using VUE JS

Olá! É importante pensar que o QR code é um componente, desta forma, quando utilizamos o vue você precisa fazer o componente separado do App.vue. Manter um padrão css também é importante. Na imagem por exemplo, você aplicou css inline e mexeu somente nas bordas, não colocou width/heigth. Seria uma boa prática incluir uma classe e tratar os estilos separadamente em style, assim já vai ajudar no alinhamento. O mesmo pode ser feito nas partes do código. Utilizar <br> não é recomendado, você pode utilizar display: flex + flex-direction: column; + align-items: center; e tratando o texto como uma div com class centralizar e usar paddings para controlar a disposição do texto pode ajudar.