<commit_before><template>
    <nav :class="classObject">
        <slot></slot>
    </nav>
</template>


<script>
    export default {
        computed: {
            classObject() {
                return [
                    'navbar',
                    this.type ? `navbar-${this.type}` : null,
                    this.variant ? `bg-${this.variant}` : null,
                    this.fixed ? `fixed-${this.fixed}` : null,
                    this.sticky ? 'sticky-top' : null,
                    this.toggleable ? this.toggleableClass : null
                ];
            },
            toggleableClass() {
                let className = 'navbar-toggleable';

                if (this.toggleBreakpoint) {
                    className += `-${this.toggleBreakpoint}`;
                }

                return className;
            }
        },
        props: {
            type: {
                type: String,
                default: 'light'
            },
            variant: {
                type: String
            },
            toggleable: {
                type: Boolean,
                default: false
            },
            toggleBreakpoint: {
                type: String,
                default: null
            },
            fixed: {
                type: String
            },
            sticky: {
                type: Boolean,
                default: false
            }
        }
    };
</script><commit_msg>feat(navbar): change navbar-toggelable to navbar-expand-*<commit_after><template>
    <nav :class="classObject">
        <slot></slot>
    </nav>
</template>


<script>
    export default {
        computed: {
            classObject() {
                return [
                    'navbar',
                    this.type ? `navbar-${this.type}` : null,
                    this.variant ? `bg-${this.variant}` : null,
                    this.fixed ? `fixed-${this.fixed}` : null,
                    this.sticky ? 'sticky-top' : null,
                    this.toggleable ? this.toggleableClass : null
                ];
            },
            toggleableClass() {
                return `navbar-expand-${this.toggleBreakpoint}`
            }
        },
        props: {
            type: {
                type: String,
                default: 'light'
            },
            variant: {
                type: String
            },
            toggleable: {
                type: Boolean,
                default: false
            },
            toggleBreakpoint: {
                type: String,
                default: 'lg'
            },
            fixed: {
                type: String
            },
            sticky: {
                type: Boolean,
                default: false
            }
        }
    };
</script>
{'fraction_non_alphanumeric': 0.11063218390804598, 'fraction_numerical': 0.0, 'mean_word_length': 0.8945578231292517, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 19, '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': '2727812', 'n_tokens_mistral': 710, 'n_tokens_neox': 665, 'n_words': 128}