<template>
    <v-sheet
        :height="height"
    >
        <iframe 
            :style="{
                width: '100%',
                height: height + 'px',
            }" 
            :src="src"
        >
        </iframe>
    </v-sheet>
</template>

<script>
    export default {
        props: {
            app: {required: true},
            curs: {required: true},
            width: {default: null},
            height: {default: null},

            googleSrc: {default: 'https://docs.google.com/gview?url=[url]&embedded=true'},
        },

        computed: {
            src() {
                return _.replace(this.googleSrc, '[url]', this.curs.my_url)
            },
        },

        name: 'CursOpenFisier',
    }
</script>