Vuetify: Button doesn't apply 'primary'

[gluons]

Button with primary doesn't apply primary class.

Should Button.vue add 'primary': this.primary and 'secondary': this.secondary ❔

---

---

---

Here is my App.vue file:

<template>
    <div id="app">
        <div v-for="button in buttons">
            <v-btn
                :flat="button.flat"
                :primary="button.primary"
                :block="button.block"
                :outline="button.outline"
                :floating="button.floating"
            >
                {{ button.name }}
            </v-btn>
        </div>
    </div>
</template>

<script>
export default {
    name: 'app',
    data() {
        return {
            buttons: [
                { name: 'default' },
                { name: 'flat', flat: true },
                { name: 'primary', primary: true },
                { name: 'block', block: true },
                { name: 'outline', outline: true },
                { name: 'floating', floating: true }
            ]
        };
    },
    mounted() {
        this.$vuetify.init();
    }
};
</script>

<style lang="scss">
#app {
    text-align: center;
    color: #2c3e50;
    margin: {
        top: 2rem;
        left: 2rem;
        right: 2rem;
    }

    & > div {
        margin: 2em auto;
    }
}
</style>

[johnleider]

I actually removed this but forgot to do so within the documentation as I thought it might not be used. If that's not the case, I can add it back.

[johnleider]

This has been added with https://github.com/vuetifyjs/vuetify/releases/tag/v0.7.8

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord