Cookin' Up!

Projeto feito seguindo o curso da Alura Vue 3: entendendo componentes, diretivas e reatividade no framework.

Neste projeto, você seleciona os ingredientes, podendo realizar a busca de receitas que utilizam os ingredientes que você selecionou.

Conteúdo

• Configuração do ambiente e criação do projeto
• Configuração do TypeScript na aplicação
• Criação de componentes
• Conceito de scoped
• Utilização de diretivas do vue (v-for, v-bind, v-if, v-on)
• Requisições de dados externos
• Utilização de props para passar parâmetros para os componentes
• Emissão de eventos com o $emit para interagir com os componentes em níveis superiores (componentes pais)
• Exibição de diferentes telas, uma para selecionar os ingredientes e outra para exibir as receitas
• Utilização do KeepAlive para manter o estado do componente de ingredientes selecionados

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur).

Type Support for .vue Imports in TS

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build