Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Ícone dos botões não aparecem mais

Olá, depois de concluir o desafio, o ícone do botão já não aparece mais ao ser passado como props

Componente Botão preparado para receber a props icone Componente Botao

Mais abaixo no próprio componente Botão está a definição dessa propriedade:

Proriedade de ícone

No componente Temporizador, eu importo o componente do Botão, supostamente da maneira correta! Componente Temporizador

Porém o resultado é esse:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

O estranho é que, se eu for no componente Botao e trocar<i class="icone"></i> por <i class="fas fa-play"></i> funciona. Claro que o ícone de play iria se repetir. Mas caso eu tente aplicar esse ícone por meio de props, ele não aparece, to tentando resolver, caso eu ache uma solução eu respondo essa pergunta.

1 resposta
solução!

Salve, Giulio!

Faltou indicar pro Vue que aquela class do <i> vem de uma variável, assim:

    <i :class="icone"></i>

Repara que antes da palavra class tem : (indicando o v-bind que você quer aplicar)

Bons estudos :)