A missão é construir uma aplicação responsiva em em vue.js. Essa aplicação deve conter um componente OrdersList em pleno funcionamento na view App.vue.
A lista deve ser reordenada ao clicar no label de cada coluna, alternando os resultados entre crescente e decrescente.
Você pode criar quandos componentes internos desejar, desde que na view App.vue seja chamado apenas o OrdersList.vue.
Os arquivos de referência estão no diretório _layout e os assets para os ícones no _assets.
- Componente OrdersList aplicado na view App.vue.
- Versões para Desktop, Tablet e Phone.
- Comportamento de ordenação na lista.
- Comportamento de visualização do cliente no item da lista para Phone.
- Utilização do Vuex.
- Testes unitários.
- O uso de boas práticas no seu CSS.
- A compatibilidade com browsers (aqui damos suporte para IE11 ou superior) da sua aplicação.
- O uso correto do git no versionamento do seu teste.
- Se o seu código é legível e bem organizado.
Queremos avaliar a progressão do seu trabalho, portanto não adicione arquivos prontos (ou todo o projeto) em um único commit. Trabalhe utilizando as boas práticas do Git e seja autoral no seu código.
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
Para mais informações sobre o Vue.js, recomendamos que você leia o guide e a documentação do vue-loader.