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]

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