Dokumentation

   
   <template>
    <div id="loopingo-integration-container">
        <script id="loopingo-props" type="text/props">{{ props }}</script>
    </div>
</template>
<script>
    export default {
        name    : 'loopingo-integration',
        props   : [
            'token',
            'voucher_code'
            'email',
            'first_name',
            'last_name',
            'city',
            'street',
            'house_number',
            'birthday',            
            'country',
            'postal_code',
            'gender',
            'order_amount',
            'order_id',
        ],
        methods : {
            fetchLoopingoApp()
            {
                let script = document.createElement('script')
                script.setAttribute('src', 'https://integration.loopingo.com/bundle_v1.js')
                document.head.appendChild(script)
            }
        },
        mounted()
        {
            let data = {
                token        : this.token,
                voucher_code : this.voucher_code,
                email        : this.email,
                first_name   : this.first_name,
                last_name    : this.last_name,
                city         : this.city,
                street       : this.street,
                house_number : this.house_number,
                birthday     : this.birthday,
                country      : this.country,
                postal_code  : this.postal_code,
                gender       : this.gender,
                order_amount : this.order_amount,
                is_test      : false,
                order_id     : this.order_id,
            }

            this.props = JSON.stringify(data)
            this.fetchLoopingoApp()
        },
        data()
        {
            return {
                props : '',
            }
        }
    }
</script>