<template>
    <v-footer 
        app 
        :color="appFooter.color"
        dark
    >
        <component
            v-if="app.appFooter.component"
            :is="app.appFooter.component"
            :app="app"
        >
        </component>

        <template v-else>
            {{ app.name }} &copy; {{app.appConfig.copyrightYear}}
        </template>
    </v-footer>
</template>

<script>
    export default {
        props: {
            app: {required: true},
        },
        
        computed: {
            appFooter() {
                return this.app.appFooter;
            }
        },

        name: 'ApplicationFooter',
    }
</script>