<template>
    <v-tooltip 
        :bottom="true"
        color="#0d1c45"
    >
        <template 
            v-slot:activator="{ on }"
        >
            <v-toolbar-title
                v-on="on"
                class="ml-2"
            >
                <a
                    :href="$url" 
                    class="text-orange text-no-decoration"
                >
                    {{ $config.name }}
                </a>
            </v-toolbar-title>
        </template>

        <span class="text-caption">
            {{ __('Pagina principală') }}
        </span>
    </v-tooltip>
</template>

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

        name: 'HeaderTitle',        
    }
</script>