Solucionado
Ola, Sendo um pouco mais audacioso, instalei algumas extensões para conseguir mexer com Scss no componente sem ficar dando erro no VS Code. Instalei o Vue VSCode Snippets que tinha como dependencia o Vetur. Consegui resolver o problema do Scss, mas agora fica acusando o um erro no v-for: elements in interaction expect to have v-bind
Lendo um pouco, vi que o v-for pede um parametro :key. Até agora não vi esse parametro no curso. Não sei se ele ainda é necessário e para que ele serveria?
hoje, com a Alura e o Google Gemini
Essa chave key serve para identificar cada elemento da interação do seu laço de repetição
no Vue 1.x seria o track-by="$index"
no Vue 2.x
<ul>
<li v-for="item in items" :key="item.id">...</li>
</ul>ou
<ul>
<li v-for="item in items" v-bind:key="item.id">...</li>
</ul>Informações extraídas da documentação Vue:
De fato, é recomendado oferecer um atributo key para v-for sempre que possível, a menos que esteja iterando conteúdo DOM simples, ou esteja intencionalmente se apoiando no comportamento padrão para ganho de desempenho. Por ser um mecanismo genérico do Vue para identificar nós
Espero ter ajudado, bons estudos.