<template>
    <v-card-title class="pa-0">
        <v-breadcrumbs :items="localbreadcrumbs" class="pa-1">
            <template v-slot:divider>
                <v-icon>mdi-dots-vertical</v-icon>
            </template>
        </v-breadcrumbs>
    </v-card-title> 
</template>

<script>
    export default {
        props: {
            uploader: {required: true},
        },

        computed: {
            app() {
                return this.uploader.app;
            },

            customer() {
                return this.uploader.customer;
            },

            breadcrumbs() {
                return this.uploader.breadcrumbs;
            },

            localbreadcrumbs() {

                let r = _.map(this.uploader.breadcrumbs.getOptions, item => ({

                    ...item,
                    text: this.__(item.text),
                }));

                return r;

            }
        },

        name: 'UploaderBreadcrumbs',
    }
</script>