qr generator with google api

qr.vue

<template>
    <div class="qr">
        <img :src=" 'http://chart.googleapis.com/chart?cht=qr&chs=150x150&chl=' + qr_text " alt="QR" />
    </div>
</template>

<script>
    export default {
        name: "qrCode",
        data(){
            return {
                qr_text: "https://intaxi.si/?discount=FRIENDS"
            };
        }
    }
</script>

<style lang="scss" scoped>
    @mixin border-radius($pixel...) {
        border-radius: $pixel;
    }

    @mixin block($size) {
        width: $size;
        height: $size;
    }

    $qr-bg-color: #fff;
    .qr{
        @include block(150px);
        @include border-radius(10px);
        background: $qr-bg-color;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
        margin: 5px;

        img{
            @include border-radius(10px);
        }
    }
</style>