Não consegui usar o código da aula, no computed, quando salvo ele deixa de compilar e apresenta falha para compilar:
Failed to compile.
./src/components/shared/botao/Botao.vue Module Error (from ./node_modules/eslint-loader/index.js):
C:\Cursos Alura\Frontend\Vue parte1\alurapic\src\components\shared\botao\Botao.vue 26:20 error Expected to return a value in "estiloDoBotao" computed property vue/return-in-computed-property
✖ 1 problem (1 error, 0 warnings)
No lugar de :
computed: {
estiloDoBotao(){
if(this.estilo === 'padrao' || !this.estilo) return "botao botao-padrao";
if(this.estilo === 'perigo') return "botao botao-perigo";
}
}
Precisei usar um código mais verboso:
computed: {
estiloDoBotao: function () {
let estiloBotao
if (this.estilo == 'padrao' || !this.estilo) {
estiloBotao = "botao botao-padrao"
} else if (this.estilo == 'perigo') {
estiloBotao = "botao botao-perigo"
}
return estiloBotao;
}
}
Não consegui entender o motivo que na minha máquina o código da aula, que é mais simples, não funcionou.