- Nesse projeto foi usado somente o framework vue.js, sem nenhum outro complemento nem mesmo para fazer requisições.
- Para a requisição do dados do projeto usei a biblioteca nativa 'Fetch' do javascript
-
Esse projeto usei a estruturação comum do Vue cli, e acrescentei uma pasta chamada 'Pages' e 'services' para renderizar somente a pagina ali:
- A estrutura se da assim:
- Componentes
* card * Menu (NavBar)
- e ainda dentro de componentes a 1 unico component vue, solto ali, para montar o restante do layout da pagina.
-
Pasta 'Services'
- aqui tem a parte da requisição para api usando fetch e async/await que optei para usar ao inves de then e catch do padrao comun do uso do fetch
- o outro aqui é para remover os acentos das palavras para a consulta, no input de pesquisa.
- Estrutura
npm install
npm run serve
npm run build
npm run lint