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