<commit_before><template>

    <nav class="breadcrumb has-dot-separator">
        <ul>
            <li v-for="(breadcrumb, index) in breadcrumbs"
                :class="{ 'is-active': breadcrumb.name === $route.meta.breadcrumb }"
                :key="index">
                <a v-if="!breadcrumb.route"
                    :class="{'is-disabled': breadcrumb.name !== $route.meta.breadcrumb }">
                    {{ __(breadcrumb.name) }}
                </a>
                <router-link
                    :class="{ 'link' : breadcrumb.name !== $route.meta.breadcrumb }"
                    v-if="breadcrumb.route"
                    :to="{ name: breadcrumb.route }">
                    {{ __(breadcrumb.name) }}
                </router-link>
            </li>
        </ul>
    </nav>

</template>

<script>

export default {
    name: 'Breadrumbs',

    computed: {
        breadcrumbs() {
            return this.$route.matched.reduce((breadcrumbs, element) => {
                breadcrumbs.push({ name: element.meta.breadcrumb, route: element.meta.route });
                return breadcrumbs;
            }, []);
        },
    },
};

</script>

<style>

    nav.breadcrumb > ul > li > a {
        padding: 0 0.8rem;
        font-size: 0.8rem;
    }

    breadcrumb a.is-disabled:hover {
        color: inherit;
        cursor: default;
    }

</style>
<commit_msg>updates breadcrumbs for the new is-small<commit_after><template>

    <nav class="breadcrumb is-small has-dot-separator">
        <ul>
            <li v-for="(breadcrumb, index) in breadcrumbs"
                :class="{ 'is-active': breadcrumb.name === $route.meta.breadcrumb }"
                :key="index">
                <a v-if="!breadcrumb.route"
                    :class="{'is-disabled': breadcrumb.name !== $route.meta.breadcrumb }">
                    {{ __(breadcrumb.name) }}
                </a>
                <router-link
                    :class="{ 'link' : breadcrumb.name !== $route.meta.breadcrumb }"
                    v-if="breadcrumb.route"
                    :to="{ name: breadcrumb.route }">
                    {{ __(breadcrumb.name) }}
                </router-link>
            </li>
        </ul>
    </nav>

</template>

<script>

export default {
    name: 'Breadrumbs',

    computed: {
        breadcrumbs() {
            return this.$route.matched.reduce((breadcrumbs, element) => {
                breadcrumbs.push({ name: element.meta.breadcrumb, route: element.meta.route });
                return breadcrumbs;
            }, []);
        },
    },
};

</script>

<style>

    breadcrumb a.is-disabled:hover {
        color: inherit;
        cursor: default;
    }

</style>

{'fraction_non_alphanumeric': 0.15381764269829504, 'fraction_numerical': 0.0018532246108228317, 'mean_word_length': 1.517723880597015, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 40, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '823352', 'n_tokens_mistral': 850, 'n_tokens_neox': 820, 'n_words': 141}