Инлайн объект с CSS классами в Vue

Объект с CSS классами можно писать прямо в качестве значения атрибута class:

<template>
	<p :class="{active: true, error: false}">
		text
	</p>
</template>

Классы, имена которых содержат дефис, необходимо брать в кавычки:

<template>
	<p :class="{active: true, 'has-error': false}">
		text
	</p>
</template>

Дан следующий объект с CSS классами:

{active: true, valid: false}

Примените данный объект к какому-нибудь тегу.