Após utilizar o SASS, o código do Botao.vue fica assim:
<style lang="sass">
@import './Botao.scss';
</style>e no Botao.scss temos:
$cor: firebrick;
.botao {
display: inline-block;
padding: 10px;
border-radius: 3px;
margin: 10px;
font-size: 1.2em;
}
.botao-perigo {
background: $cor;
color: white;
}
.botao-padrao {
background: darkcyan;
color: white;
}No Botao.vue o parâmetro scoped da tag style foi removido.
Não há necessidade mais? Ou foi uma falha na digitação ?
o correto não deveria então ser:
<style scoped lang="sass">
@import './Botao.scss';
</style>????????
