Bom dia/tarde / noite Estou com uma duvida, tenho um projeto onde possuo uma classe dinâmica com operadores ternários, preciso adicionar outra classe dinâmica para trazer uma classe a mais nessa brincadeira toda, porem retorno sempre me da um erro de "syntaxe error" não consigo fazer ela funcionar pois não entendo como fazer o bind corretamente desse operador. <div :class=" edit ? 'card-servico servico-valor servico-edit' : 'card-servico'" v-show="!tour || ei === 0"> EDIT: A ideia é adicionar uma classe dinâmica nova, no caso sem interferir na operação que está sendo feita no edit. data(){ return { servicoPagante: { 'pudim': true }, } } <div v-on:click="edit ? :class=" edit ? 'card-servico servico-valor servico-edit' : 'card-servico', 'servicoPagante' :true " v-show="!tour || ei === 0"> porem adicionando ali o ServicoPagante, ele me da erro de sintaxe porque anterior a ele está rolando uma operação com ternário que está correta porem preciso **adicionar** mais essa classe para outra validação