Zaimki/locale/pl/nouns/NounsNav.vue

<template>
    <section>
        <div class="d-none d-md-inline-flex btn-group btn-block mb-2">
            <a v-for="(icon, name) in links" :href="'#' + $t(`nouns.${name}.id`)" class="btn btn-outline-primary">
                <Icon :v="icon"/>
                <T>nouns.{{name}}.header</T>
            </a>
        </div>
        <div class="d-block d-md-none btn-group-vertical btn-block mb-2">
            <a v-for="(icon, name) in links" :href="'#' + $t(`nouns.${name}.id`)" class="btn btn-outline-primary">
                <Icon :v="icon"/>
                <T>nouns.{{name}}.header</T>
            </a>
        </div>
    </section>
</template>

<script>
    export default {
        data() {
            const links = {
                neuterNouns: 'deer',
                dukajNouns: 'ghost',
                personNouns: 'user-friends',
            }

            if (this.config.nouns.inclusive.enabled) {
                links['inclusive'] = 'book-heart';
            }

            if (this.config.nouns.terms.enabled) {
                links['terms'] = 'flag';
            }

            return {
                links,
            };
        },
    }
</script>