MicroDreamIT

<template>
    <div class="credit-card">
        <vue-stripe-checkout
                ref="checkoutRef"
                :image="image"
                :name="name"
                :description="description"
                :currency="currency"
                :amount="0"
                :email="$store.state.auth.email"

MicroDreamIT

export default {

    props:{
        address:{
            type: Object,
            default: ()=>{
                return {}
            }
        },
        countries:{

MicroDreamIT

<template>
    <div>
        <input type="text" v-model="addValue" ref="addValueRef" @keyup.enter="addToObject()">
        <button @click.prevent="addToObject()">add {{pivotal}}</button>
        <div v-for="(value, index) in obj[pivotal]">
             {{index + 1 }}. <input type="text" v-model="obj[pivotal][index]" :disabled="true" :ref="'input' + index">
            <i
                    @click.prevent="delFromObject(index)"
                    class="mdi mdi-delete trash-can-outline"
            ></i>

MicroDreamIT

<template>
    <div>

        <div class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">
            <div class="row be-datatable-header card-header">
                <div class="col-md-12 d-flex justify-content-between" id="adjustHeader">
                    <div class="d-flex align-items-center justify-content-start">
                      <div class="cateTitle">{{tableHeadline}}</div>
                    </div>
                    <div class="d-flex align-items-center justify-content-end">

MicroDreamIT

<template>

    <div>
        <div class="form-group row">
            <label class="col-sm-3 control-label" :class="errors.googleAddress?'has-error':''">
                Geo Information
            </label>
            <div :class="errors.googleAddress?'col-sm-8 help-block':'col-sm-9'">
                <input
                        type="text"