From 0286b87998084c7cb3682dd01ae3f1d0ccb94ea9 Mon Sep 17 00:00:00 2001
From: leotabosa <leeonardotabosa@gmail.com>
Date: Mon, 22 Jul 2019 10:35:45 -0300
Subject: [PATCH 1/9] =?UTF-8?q?atualiza=C3=A7=C3=A3o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                    | 208 ++++++++++-----------------------
 src/components/Card.vue        |  48 ++++++++
 src/components/Footer.vue      |  33 ++++++
 src/components/Header.vue      |  24 ++--
 src/components/HelloWorld.vue  |  58 ---------
 src/components/List.vue        |  20 ++++
 src/components/Loader.vue      |  10 +-
 src/components/SearchOrder.vue | 106 +++++++++++++++++
 8 files changed, 282 insertions(+), 225 deletions(-)
 create mode 100644 src/components/Card.vue
 create mode 100644 src/components/Footer.vue
 delete mode 100644 src/components/HelloWorld.vue
 create mode 100644 src/components/List.vue
 create mode 100644 src/components/SearchOrder.vue

diff --git a/src/App.vue b/src/App.vue
index f5cac5c..cf28bcd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,43 +1,21 @@
 <template>
-      <div class="wrap">
-        <Header></Header>
-        <div class="container-fluid">
-          <Loader v-if="loading"/>
-          
-          <div class="row" v-if="!loading">
-            <div class="btn-group" role="group" aria-label="Basic example">
-              <button type="button" class="btn btn-dark" @click="sort('stargazers_count')" >Estrelas: {{ sortIndicator }}</button>
-              <button type="button" class="btn btn-dark" @click="sort('language')">Linguagem</button>
-              <form class="form-inline my-2 my-lg-0">
-                <input id="1" class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" v-model="searchTerm">
-                <button class="btn btn-dark my-2 my-sm-0" @click.prevent="searchResults">Search</button>
-              </form>
-            </div>
-          </div>
-
-          <div class="row" v-if="!loading">
-            <div class="col-sm-4" v-for="i in repos" :key="i.id">
-              <div class="card">
-                <div class="card-body">
-                  <h5 class="card-title">{{ i.name }}</h5>
-                  <p class="card-text">
-                    <br><b>Número de estrelas:</b> {{ i.stargazers_count }}
-                    <br><b>Linguagem:</b> {{ i.language }}
-                    </p>
-                  <a :href="i.html_url" class="btn btn-dark">Ir para o repositório</a>
-                </div>
-              </div>
-            </div>
-          </div>
+    <div class="wrap">
+      <Header></Header>
+      <Loader v-if="loading"></Loader>
+      <div class="container">
+        <SearchOrder :repos="mainRepos" @searchTermSet="searchTerm=$event" @setSearchTerm="searchResults"></SearchOrder>
+        <List :repos="mainRepos"></List>
         </div>
-      </div>
-
+      <Footer></Footer>
+    </div>
 </template>
 
 <script>
-
     import Header from './components/Header.vue';
+    import List from './components/List.vue';
+    import SearchOrder from './components/SearchOrder.vue';
     import Loader from './components/Loader.vue';
+    import Footer from './components/Footer.vue';
     import Axios from 'axios';
     const axios = Axios.create({
         baseURL: 'https://api.github.com/',
@@ -45,131 +23,65 @@
     export default {
         data(){
             return{
-                repos: [],
-                reposBackup: [],  
-                sortPref: { property: "stargazers_count", type: "asc" },
-                sortIndicator: "",
+                mainRepos: [],
                 searchTerm: null,
-                loading: false
+                searchRepos: [],
+                loading: true
           }
         },
         components: {
             Header,
-            Loader
-        },
-        created(){
-            this.setInitialRepos();
+            List,
+            SearchOrder,
+            Loader,
+            Footer
         },
+          created(){
+        this.setInitialRepos();
+      },
         methods:{
-          //get e set iniciais
-            getInitialRepos() {
-                return axios.get('search/repositories?q=org:microsoft');
-            },
-            async setInitialRepos() {
-                const {data} = await this.getInitialRepos();
-
-                this.repos = data.items;
-                this.loading = false;
-            },
-          //função de pesquisa utilizando um get 
-            setReposSearch(){
-              this.loading = true;
-              axios.get('search/repositories',{
-                params:{
+        //get e set iniciais
+        getInitialRepos() {
+            return axios.get('search/repositories?q=org:microsoft');
+        },
+        async setInitialRepos() {
+            const {data} = await this.getInitialRepos();
+            this.mainRepos = data.items;
+            this.loading = false; //loading inicia com valor true para essa linha fazer sentido
+        },
+        //get e set da busca (chamados pelo evento setSearchTerm do botão/input)
+        setReposSearch(){
+          axios.get('search/repositories',{
+              params:{
                   q: 'org:microsoft '+this.searchTerm+' in:name'
-                }
-              })
-                .then(response => {
-                  console.log(response);
-                  this.repos = response.data.items
-                  this.loading = false;
-                })
-                .catch(err => {
-                  console.err(error)
-                  this.loading = false;
-                })
-            },
-            // verificações da função de ordenação
-            sort (prop) {
-              if (this.sortPref.property === prop) {
-                this.sortPref.type = this.sortPref.type === 'asc' ? 'desc' : 'asc';
-
-                } else {
-                this.sortPref.property = prop;
-                this.sortPref.type='desc';  
-
               }
-              this.doSort();
-            },
-            // função de ordenação
-            doSort(){
-              this.repos.sort( (a,b) => {
-                var t = this.sortPref.property;
-                  if(this.sortPref.type == 'asc'){
-                    if(a[t] > b[t]){
-                      return -1;
-                    }
-                    else{
-                      return 1;
-                    }
-                  }         
-                  if(this.sortPref.type == 'desc'){
-                    if(a[t] > b[t]){
-                      return 1;
-                    }
-                    else{
-                      return -1;
-                    }
-                  }    
-              });
-            },
-            searchResults(){
-              if(this.searchTerm){
-                 this.repos = this.setReposSearch();
-              }
-              else{
-                this.loading = true;
-                this.repos = this.reposBackup;
-                setTimeout(this.setInitialRepos,300);
-              } 
-            },
-          }
-        }
-    
-  
+          })
+              .then(response => {
+                this.mainRepos = response.data.items
+                this.loading = false;
+              })
+              .catch(err => {
+                console.err(err)
+                this.loading = false;
+              })
+          },
+        searchResults(){
+            this.loading = true;
+            if(this.searchTerm){
+                this.mainRepos = this.setReposSearch();                
+            }
+            else{
+                this.setInitialRepos();
+            } 
+        },     
+      }
+    }
 </script>
 
 <style scoped>
-    .container-fluid{
-        background: #abffd0;
-    }
-    .col-sm-4{
-      padding-top: 10px;
-    }
-    h2{
-      text-align: center;
-      padding-top:10px;
-    }
-    .card{
-      border-top:1px solid black;
-      border-bottom:1px solid black;
-    }
-    .btn-group{
-      padding-top:10px;
-      margin:auto;
-    }
-    .btn-dark{
-      background:black;
-    }
-    .btn-dark:hover{
-      background:#3b4a54;
-    }
-    .form-inline{
-      padding-left:10px;
-    }
-    .wrap{
-      height:100vh;
-      width:100vw;
-      background: #abffd0;
-    }
+.wrap{
+    height:100%;
+    width:100%;
+    background-image: linear-gradient(#45f792,#ffffff);
+}
 </style>
diff --git a/src/components/Card.vue b/src/components/Card.vue
new file mode 100644
index 0000000..d5c1f1d
--- /dev/null
+++ b/src/components/Card.vue
@@ -0,0 +1,48 @@
+<template>
+    <div class="row">
+        <div class="col-sm-4" v-for="repo in repos" :key="repo.id">
+            <div class="card">
+                <div class="card-body">
+                    <h5 class="card-title">{{ repo.name }}</h5>
+                    <p class="card-text">
+                    <br><b>Número de estrelas:</b> {{ repo.stargazers_count }}
+                    <br><b>Linguagem:</b> {{ repo.language }}
+                    </p>
+                    <a :href="repo.html_url" class="btn btn-dark">Ir para o repositório</a>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    props:['repos']
+}
+</script>
+<style scoped>
+.col-sm-4{
+    padding-top: 10px;
+}
+.card{
+      border-top:1px solid black;
+      border-bottom:1px solid black;
+}
+.btn-dark{
+    background:black;
+    border-radius:50px;
+    transition:0.4s;
+}
+.btn-dark:hover{
+    background:#3b4a54;
+    transition:0.4s;
+}
+.card-body:hover{
+    box-shadow: 10px 10px 1px #3b4a54;
+    transition:0.7s;
+}
+.card-body:not(hover){
+    transition:0.7s;
+}
+</style>
+
+
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
new file mode 100644
index 0000000..3b4397a
--- /dev/null
+++ b/src/components/Footer.vue
@@ -0,0 +1,33 @@
+<template>
+    <div class="footer-wrap">
+        <a href="" class="footer-link"><h6 class="footer-text-1">Repositórios da Microsoft</h6></a>
+    </div>
+</template>
+<script>
+export default {
+    
+}
+</script>
+<style scoped>
+    .footer-wrap{
+        margin-top:30px;
+        height: 5vh;
+        background-color: black;
+        border-top: 1px solid green;
+        text-align:center;
+    }
+    .footer-text-1{
+        padding-top: 6px;
+        color:#45f792;
+        text-align:center;
+        transition:0.2s;
+        display: inline-block;
+    }
+    .footer-text-1:hover{
+        color:green;
+        transition:0.2s;
+    }
+    .footer-link:hover{
+        text-decoration: none;
+    }
+</style>
diff --git a/src/components/Header.vue b/src/components/Header.vue
index ac2348e..e4a23d1 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -2,16 +2,12 @@
     <div>
         <nav class="navbar navbar-dark bg-custom">
             <a class="navbar-brand" href="">Voltar à página inicial</a>
-            <a class="navbar-title" style="color:white; font-size:22px; text-shadow:1px 1px 1px black">Repositórios da Microsoft</a>
+            <a class="navbar-title" style="color:white; font-size:22px;">Repositórios da Microsoft</a>
             <a class="navbar-brand" href="https://github.com/Microsoft">GitHub da Microsoft</a>
         </nav>
     </div>
 </template>
-<script>
-export default {
-    
-}
-</script>
+
 <style scoped>
     nav{
         border-bottom-left-radius: 20px;
@@ -20,16 +16,16 @@ export default {
     .bg-custom{
         background-color:black;
     }
-    .navbar-brand:hover{
-        padding-top:10px;
-        -webkit-transition:0.3s;
-    }
-    .navbar-brand:not(:hover){
-        padding-top:0px;
-        -webkit-transition: 0.3s;
-    }
     .navbar{
         position: relative;
     }
+    .navbar-brand:hover{
+        font-size:20.4px;
+        transition:0.3s;
+    }
+    .navbar-brand:not(hover){
+        font-size:20px;
+        transition:0.3s;
+    }
 </style>
 
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index 879051a..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For a guide and recipes on how to configure / customize this project,<br>
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'HelloWorld',
-  props: {
-    msg: String
-  }
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>
diff --git a/src/components/List.vue b/src/components/List.vue
new file mode 100644
index 0000000..9ea194b
--- /dev/null
+++ b/src/components/List.vue
@@ -0,0 +1,20 @@
+<template>
+     <div>
+        <div>
+            <Card :repos="repos"></Card>      
+        </div>
+    </div>   
+</template>
+<script>
+import Card from './Card.vue';
+export default {
+    props: {
+        repos: Array
+    },
+    components:{
+        Card,
+    },
+}
+</script>
+
+
diff --git a/src/components/Loader.vue b/src/components/Loader.vue
index 585510c..ed467cd 100644
--- a/src/components/Loader.vue
+++ b/src/components/Loader.vue
@@ -8,10 +8,11 @@
 
 <style scoped>
     .wrap{
-        position:fixed;
+        position: absolute;
         height:100vh;
-        width:96.9vw;
-        z-index: 1;
+        width:100vw;
+        z-index:1;
+        background-image: linear-gradient(#45f792,#ffffff);   
     }
     .loader{
         position: fixed;
@@ -22,8 +23,7 @@
         border-radius: 50%;
         width: 120px;
         height: 120px;
-        animation: spin 2s linear infinite;
-        margin: auto;
+        animation: spin 1.5s ease-in-out infinite;
         left: calc(50% - 60px);
         top: calc(50% - 60px);
         z-index: 1;
diff --git a/src/components/SearchOrder.vue b/src/components/SearchOrder.vue
new file mode 100644
index 0000000..3e328f0
--- /dev/null
+++ b/src/components/SearchOrder.vue
@@ -0,0 +1,106 @@
+<template>
+    <div class="row">
+        <div class="btn-group" role="group">
+            <button type="button" class="btn btn-dark" @click="sort('stargazers_count')" >Estrelas</button>
+            <button type="button" class="btn btn-dark" @click="sort('language')">Linguagem</button>
+            <form class="form-inline my-2 my-lg-0">
+            <input class="form-control mr-sm-2" 
+            type="search" placeholder="Buscar" 
+            v-model="searchTerm" 
+            @keydown.enter.prevent.stop="sendSearchTerm">           
+            <button type="button" class="btn btn-dark" 
+            @click.prevent.stop="sendSearchTerm">Buscar</button>
+            </form>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data(){
+        return{
+            sortPref: { 
+                property: "stargazers_count", 
+                type: "asc",
+                indicator: ''
+            },
+            searchTerm: null
+        }
+    },
+    props:['repos'],
+    methods:{
+        sendSearchTerm(){
+            this.$emit('searchTermSet', this.searchTerm);
+            this.$emit('setSearchTerm', this.searchTerm);
+        },
+
+        // verificações da função de ordenação
+        sort (prop) {
+            if (this.sortPref.property === prop) {
+            this.sortPref.type = this.sortPref.type === 'asc' ? 'desc' : 'asc';
+            this.sortPref.indicator = this.sortPref.type === 'desc' ? 'Up' : 'Down';
+            } else {
+            this.sortPref.property = prop;
+            this.sortPref.type='desc';  
+
+            }
+            this.doSort();
+        },
+        // função de ordenação
+        doSort(){
+            this.repos.sort( (a,b) => {
+            var t = this.sortPref.property;
+                if(this.sortPref.type == 'asc'){
+                if(a[t] > b[t]){
+                    return -1;
+                }
+                else{
+                    return 1;
+                }
+                }         
+                if(this.sortPref.type == 'desc'){
+                if(a[t] > b[t]){
+                    return 1;
+                }
+                else{
+                    return -1;
+                }
+                }    
+            });
+        },
+        
+        
+     }
+}
+</script>
+<style scoped>
+.row{
+    background:#45f792
+}
+.btn-group{
+    padding-top:10px;
+    margin:auto;
+    }
+.btn-group button{
+    border-radius: 50px;
+}
+.form-control:focus{
+    border-radius: 50px;
+    transition: 0.8s;
+}
+.form-control:not(:focus){
+    border-radius: 0px;
+    transition: 0.4s;
+}
+.btn-dark{
+    background:black;
+    transition: 0.4s;
+}
+.btn-dark:hover{
+    background:#3b4a54;
+    transition: 0.4s;
+}
+.form-inline{
+    padding-left:10px;
+}
+</style>
+

From ce2aa9b79c1e197a5cec26c52a60147c4af27965 Mon Sep 17 00:00:00 2001
From: leotabosa <leeonardotabosa@gmail.com>
Date: Mon, 22 Jul 2019 14:55:48 -0300
Subject: [PATCH 2/9] =?UTF-8?q?Atualiza=C3=A7=C3=A3o=202?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Card.vue        |  2 +-
 src/components/Footer.vue      |  4 ++--
 src/components/Header.vue      |  5 +++--
 src/components/SearchOrder.vue | 13 ++++---------
 4 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/src/components/Card.vue b/src/components/Card.vue
index d5c1f1d..7d40095 100644
--- a/src/components/Card.vue
+++ b/src/components/Card.vue
@@ -37,7 +37,7 @@ export default {
     transition:0.4s;
 }
 .card-body:hover{
-    box-shadow: 10px 10px 1px #3b4a54;
+    box-shadow: 8px 6px 1px #3b4a54;
     transition:0.7s;
 }
 .card-body:not(hover){
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 3b4397a..13d5ea6 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -13,7 +13,7 @@ export default {
         margin-top:30px;
         height: 5vh;
         background-color: black;
-        border-top: 1px solid green;
+        border-top: 3px solid green;
         text-align:center;
     }
     .footer-text-1{
@@ -24,7 +24,7 @@ export default {
         display: inline-block;
     }
     .footer-text-1:hover{
-        color:green;
+        color: white;
         transition:0.2s;
     }
     .footer-link:hover{
diff --git a/src/components/Header.vue b/src/components/Header.vue
index e4a23d1..521ddee 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -2,7 +2,7 @@
     <div>
         <nav class="navbar navbar-dark bg-custom">
             <a class="navbar-brand" href="">Voltar à página inicial</a>
-            <a class="navbar-title" style="color:white; font-size:22px;">Repositórios da Microsoft</a>
+            <a class="navbar-brand" href="" style="color:white; font-size:22px;">Repositórios da Microsoft</a>
             <a class="navbar-brand" href="https://github.com/Microsoft">GitHub da Microsoft</a>
         </nav>
     </div>
@@ -20,12 +20,13 @@
         position: relative;
     }
     .navbar-brand:hover{
-        font-size:20.4px;
+        font-size:20.5px;
         transition:0.3s;
     }
     .navbar-brand:not(hover){
         font-size:20px;
         transition:0.3s;
     }
+
 </style>
 
diff --git a/src/components/SearchOrder.vue b/src/components/SearchOrder.vue
index 3e328f0..e3c7674 100644
--- a/src/components/SearchOrder.vue
+++ b/src/components/SearchOrder.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="row">
         <div class="btn-group" role="group">
-            <button type="button" class="btn btn-dark" @click="sort('stargazers_count')" >Estrelas</button>
-            <button type="button" class="btn btn-dark" @click="sort('language')">Linguagem</button>
+            <button type="button" class="btn btn-dark btn-order" @click="sort('stargazers_count')">Estrelas</button>
+            <button type="button" class="btn btn-dark btn-order" @click="sort('language')">Linguagem</button>
             <form class="form-inline my-2 my-lg-0">
             <input class="form-control mr-sm-2" 
             type="search" placeholder="Buscar" 
@@ -21,9 +21,8 @@ export default {
             sortPref: { 
                 property: "stargazers_count", 
                 type: "asc",
-                indicator: ''
             },
-            searchTerm: null
+            searchTerm: null,
         }
     },
     props:['repos'],
@@ -37,11 +36,9 @@ export default {
         sort (prop) {
             if (this.sortPref.property === prop) {
             this.sortPref.type = this.sortPref.type === 'asc' ? 'desc' : 'asc';
-            this.sortPref.indicator = this.sortPref.type === 'desc' ? 'Up' : 'Down';
             } else {
             this.sortPref.property = prop;
             this.sortPref.type='desc';  
-
             }
             this.doSort();
         },
@@ -64,11 +61,9 @@ export default {
                 else{
                     return -1;
                 }
-                }    
+                }  
             });
         },
-        
-        
      }
 }
 </script>

From 219d7c55589f78696ef8535abdd167631bc141d0 Mon Sep 17 00:00:00 2001
From: leotabosa <leeonardotabosa@gmail.com>
Date: Tue, 23 Jul 2019 13:59:24 -0300
Subject: [PATCH 3/9] =?UTF-8?q?Atualiza=C3=A7=C3=A3o=20dos=20componentes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html              |   1 -
 src/App.vue                    |  82 ++++++++++++++++----------
 src/components/Card.vue        |  50 ++++++++++------
 src/components/Content.vue     |  44 ++++++++++++++
 src/components/Footer.vue      |  11 ++--
 src/components/List.vue        |  31 ++++++++--
 src/components/Loader.vue      |   2 +-
 src/components/Order.vue       |  57 +++++++++++++++++++
 src/components/Search.vue      |  54 ++++++++++++++++++
 src/components/SearchOrder.vue | 101 ---------------------------------
 src/components/Toolbar.vue     |  44 ++++++++++++++
 11 files changed, 318 insertions(+), 159 deletions(-)
 create mode 100644 src/components/Content.vue
 create mode 100644 src/components/Order.vue
 create mode 100644 src/components/Search.vue
 delete mode 100644 src/components/SearchOrder.vue
 create mode 100644 src/components/Toolbar.vue

diff --git a/public/index.html b/public/index.html
index 60740a3..7c15f10 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,7 +6,6 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
-    
     <title>List</title>
   </head>
   <body>
diff --git a/src/App.vue b/src/App.vue
index cf28bcd..2c6c6f7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,21 +1,23 @@
 <template>
     <div class="wrap">
-      <Header></Header>
-      <Loader v-if="loading"></Loader>
-      <div class="container">
-        <SearchOrder :repos="mainRepos" @searchTermSet="searchTerm=$event" @setSearchTerm="searchResults"></SearchOrder>
-        <List :repos="mainRepos"></List>
+        <Header></Header>
+        <Loader v-if="loading"></Loader>
+        <div class="container">
+            <Content :repos="mainRepos"
+            @searchTermHandle="searchTerm = $event"
+            @searchTrigger="searchResults"
+            @sortHandle="sortPref = $event"
+            @sortTrigger="doSort"></Content>
         </div>
-      <Footer></Footer>
+        <Footer></Footer>    
     </div>
 </template>
 
 <script>
     import Header from './components/Header.vue';
-    import List from './components/List.vue';
-    import SearchOrder from './components/SearchOrder.vue';
     import Loader from './components/Loader.vue';
     import Footer from './components/Footer.vue';
+    import Content from './components/Content.vue';
     import Axios from 'axios';
     const axios = Axios.create({
         baseURL: 'https://api.github.com/',
@@ -25,16 +27,15 @@
             return{
                 mainRepos: [],
                 searchTerm: null,
-                searchRepos: [],
-                loading: true
+                loading: true,
+                sortPref: {}
           }
         },
         components: {
             Header,
-            List,
-            SearchOrder,
             Loader,
-            Footer
+            Footer,
+            Content
         },
           created(){
         this.setInitialRepos();
@@ -51,19 +52,19 @@
         },
         //get e set da busca (chamados pelo evento setSearchTerm do botão/input)
         setReposSearch(){
-          axios.get('search/repositories',{
-              params:{
-                  q: 'org:microsoft '+this.searchTerm+' in:name'
-              }
-          })
-              .then(response => {
-                this.mainRepos = response.data.items
-                this.loading = false;
-              })
-              .catch(err => {
-                console.err(err)
-                this.loading = false;
-              })
+            axios.get('search/repositories',{
+                params:{
+                    q: 'org:microsoft '+this.searchTerm+' in:name'
+                }
+            })
+                .then(response => {
+                    this.mainRepos = response.data.items
+                    this.loading = false;
+                })
+                .catch(err => {
+                    console.err(err)
+                    this.loading = false;
+                })
           },
         searchResults(){
             this.loading = true;
@@ -72,16 +73,37 @@
             }
             else{
                 this.setInitialRepos();
-            } 
-        },     
+            }
+        },
+        doSort(){
+            this.mainRepos.sort( (a,b) => {
+            var t = this.sortPref.property;
+                if(this.sortPref.type == 'asc'){
+                if(a[t] > b[t]){
+                    return -1;
+                }
+                else{
+                    return 1;
+                }
+                }         
+                if(this.sortPref.type == 'desc'){
+                if(a[t] > b[t]){
+                    return 1;
+                }
+                else{
+                    return -1;
+                }
+                }  
+            });
+        },
       }
     }
 </script>
 
 <style scoped>
 .wrap{
-    height:100%;
-    width:100%;
+    height: 100%;
     background-image: linear-gradient(#45f792,#ffffff);
 }
+
 </style>
diff --git a/src/components/Card.vue b/src/components/Card.vue
index 7d40095..f1f88ba 100644
--- a/src/components/Card.vue
+++ b/src/components/Card.vue
@@ -1,28 +1,41 @@
 <template>
-    <div class="row">
-        <div class="col-sm-4" v-for="repo in repos" :key="repo.id">
-            <div class="card">
-                <div class="card-body">
-                    <h5 class="card-title">{{ repo.name }}</h5>
-                    <p class="card-text">
-                    <br><b>Número de estrelas:</b> {{ repo.stargazers_count }}
-                    <br><b>Linguagem:</b> {{ repo.language }}
-                    </p>
-                    <a :href="repo.html_url" class="btn btn-dark">Ir para o repositório</a>
-                </div>
-            </div>
+    <div class="card">
+        <div class="card-body">
+            <h5 class="card-title">{{ repoName }}</h5>
+            <p class="card-text">
+            <br><b>Número de estrelas:</b> {{ repoStars }}
+            <br><b>Linguagem:</b> {{ repoLanguage }}
+            <p class="description"><b>Descrição:</b> {{ repoDescription }}</p></p>
+            <a :href="repoURL"  class="btn btn-dark">Ir para o repositório</a>
         </div>
     </div>
 </template>
 <script>
 export default {
-    props:['repos']
+    props:{
+        repoName:{
+            type: String,
+            required: true
+        },
+        repoStars:{
+            type: Number,
+            required: true
+        },
+        repoLanguage:{
+            type: String,
+        },
+        repoURL:{
+            type: String,
+            required: true
+        },
+        repoDescription:{
+            type: String,
+            default: () => ''
+        },
+    }    
 }
 </script>
 <style scoped>
-.col-sm-4{
-    padding-top: 10px;
-}
 .card{
       border-top:1px solid black;
       border-bottom:1px solid black;
@@ -43,6 +56,11 @@ export default {
 .card-body:not(hover){
     transition:0.7s;
 }
+.description{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
 </style>
 
 
diff --git a/src/components/Content.vue b/src/components/Content.vue
new file mode 100644
index 0000000..1965cb9
--- /dev/null
+++ b/src/components/Content.vue
@@ -0,0 +1,44 @@
+<template>
+<div>
+    <Toolbar 
+    @searchTermSetting="middleSearchTerm = $event"
+    @searchHandle="sendMiddleSearchTerm"
+    @sortHandle="middleSortData = $event" 
+    @sortTriggered="sendMiddleSortData"></Toolbar>
+    <List :repos="repos"></List>
+</div>
+</template>
+
+<script>
+import Toolbar from './Toolbar.vue';
+import List from './List.vue';
+export default {
+    data(){
+        return{
+            middleSearchTerm: null,
+            middleSortData: {}
+        }
+    },
+    props:{
+        repos:{
+            type: Array,
+            required: true,
+            default: () => []
+        }
+    },
+    components:{
+        Toolbar,
+        List
+    },
+    methods:{
+        sendMiddleSearchTerm(){
+            this.$emit('searchTermHandle', this.middleSearchTerm);
+            this.$emit('searchTrigger');
+        },
+        sendMiddleSortData(){
+            this.$emit('sortHandle', this.middleSortData);
+            this.$emit('sortTrigger');
+        }
+    }
+}
+</script>
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 13d5ea6..f69d00d 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -1,27 +1,30 @@
 <template>
     <div class="footer-wrap">
-        <a href="" class="footer-link"><h6 class="footer-text-1">Repositórios da Microsoft</h6></a>
+        <a href="" class="footer-link"><h6 class="footer-text-1">Repositórios da Microsoft</h6></a>   
     </div>
 </template>
 <script>
 export default {
-    
+    methods:{
+    }
 }
 </script>
 <style scoped>
     .footer-wrap{
-        margin-top:30px;
         height: 5vh;
         background-color: black;
         border-top: 3px solid green;
         text-align:center;
+        margin-top: 3vh;
+        bottom:0;
+        position:fixed;
+        width:100vw;
     }
     .footer-text-1{
         padding-top: 6px;
         color:#45f792;
         text-align:center;
         transition:0.2s;
-        display: inline-block;
     }
     .footer-text-1:hover{
         color: white;
diff --git a/src/components/List.vue b/src/components/List.vue
index 9ea194b..6436c58 100644
--- a/src/components/List.vue
+++ b/src/components/List.vue
@@ -1,20 +1,39 @@
 <template>
-     <div>
-        <div>
-            <Card :repos="repos"></Card>      
-        </div>
-    </div>   
+    <div class="row">
+        <div class= "cards-list col-sm-4" v-for="repo in repos" :key="repo.id">
+            <Card class="cards"
+            :repoName="repo.name" 
+            :repoStars="repo.stargazers_count" 
+            :repoURL="repo.html_url" 
+            :repoLanguage="repo.language ? repo.language : ''"
+            :repoDescription="repo.description ? repo.description : ''" >
+            </Card>  
+        </div>    
+    </div>
 </template>
 <script>
 import Card from './Card.vue';
 export default {
     props: {
-        repos: Array
+        repos:{
+            type:Array,
+            required: true,
+            default: () => []
+        }
     },
     components:{
         Card,
     },
 }
 </script>
+<style scoped>
+    .cards{
+        margin-top: 20px;
+    }
+    .row{
+        margin-bottom:8vh;
+    }
+</style>
+
 
 
diff --git a/src/components/Loader.vue b/src/components/Loader.vue
index ed467cd..89ae070 100644
--- a/src/components/Loader.vue
+++ b/src/components/Loader.vue
@@ -10,7 +10,7 @@
     .wrap{
         position: absolute;
         height:100vh;
-        width:100vw;
+        width:100%;
         z-index:1;
         background-image: linear-gradient(#45f792,#ffffff);   
     }
diff --git a/src/components/Order.vue b/src/components/Order.vue
new file mode 100644
index 0000000..636a2a4
--- /dev/null
+++ b/src/components/Order.vue
@@ -0,0 +1,57 @@
+<template>
+    <div class="btn-group" role="group">
+        <button type="button" 
+        class="btn btn-dark btn-order" 
+        @click="sort('stargazers_count')">Estrelas
+        </button>
+        <button type="button" 
+        class="btn btn-dark btn-order" 
+        @click="sort('language')" 
+        style="border-radius:2px">Linguagem
+        </button>
+    </div>
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            sortPref: { 
+                property: "stargazers_count", 
+                type: "asc"
+            },
+        }
+    },
+    methods:{
+        // verificações da função de ordenação
+        sort (prop) {
+            if (this.sortPref.property === prop) {
+            this.sortPref.type = this.sortPref.type === 'asc' ? 'desc' : 'asc';
+            } else {
+            this.sortPref.property = prop;
+            this.sortPref.type='desc';  
+            }
+            this.$emit('sortDataSet',this.sortPref);
+            this.$emit('handleSortData');
+        },
+     }
+}
+</script>
+
+<style scoped>
+.btn-group{
+    padding-left:10px;
+    margin-left: auto;
+    }
+.btn-group button{
+    border-radius: 20px;
+}
+.btn-dark{
+    background:black;
+    transition: 0.4s;
+}
+.btn-dark:hover{
+    background:#3b4a54;
+    transition: 0.4s;
+}
+</style>
diff --git a/src/components/Search.vue b/src/components/Search.vue
new file mode 100644
index 0000000..c30ad5a
--- /dev/null
+++ b/src/components/Search.vue
@@ -0,0 +1,54 @@
+<template>
+    <form class="form-inline my-2 my-lg-0">
+        <input class="form-control mr-sm-2" 
+        type="search" placeholder="Buscar" 
+        v-model="searchTerm" 
+        @keydown.enter.prevent.stop
+        @keydown="setTime(sendSearchTerm)">           
+    </form>
+</template>
+<script>
+export default {
+    data(){
+        return{
+            searchTerm: null,
+        }
+    },
+    methods:{
+        sendSearchTerm(){
+            this.$emit('searchTermSet', this.searchTerm);
+            this.$emit('handleSearchTerm');
+        },
+        setTime(func){
+            clearTimeout(this.interval);
+            this.interval = setTimeout(func,500);
+        }
+    }
+}
+</script>
+<style scoped>
+.form-control:focus{
+    border-radius: 50px;
+    transition: 0.8s;
+}
+.form-control:not(:focus){
+    border-radius: 0px;
+    transition: 0.4s;
+}
+.btn-dark{
+    background:black;
+    transition: 0.4s;
+    border-top-right-radius: 20px;
+    border-bottom-right-radius: 20px;
+}
+.btn-dark:hover{
+    background:#3b4a54;
+    transition: 0.4s;
+}
+.form-inline{
+    padding-left:10px;
+    margin-right:auto;
+}
+</style>
+
+
diff --git a/src/components/SearchOrder.vue b/src/components/SearchOrder.vue
deleted file mode 100644
index e3c7674..0000000
--- a/src/components/SearchOrder.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<template>
-    <div class="row">
-        <div class="btn-group" role="group">
-            <button type="button" class="btn btn-dark btn-order" @click="sort('stargazers_count')">Estrelas</button>
-            <button type="button" class="btn btn-dark btn-order" @click="sort('language')">Linguagem</button>
-            <form class="form-inline my-2 my-lg-0">
-            <input class="form-control mr-sm-2" 
-            type="search" placeholder="Buscar" 
-            v-model="searchTerm" 
-            @keydown.enter.prevent.stop="sendSearchTerm">           
-            <button type="button" class="btn btn-dark" 
-            @click.prevent.stop="sendSearchTerm">Buscar</button>
-            </form>
-        </div>
-    </div>
-</template>
-<script>
-export default {
-    data(){
-        return{
-            sortPref: { 
-                property: "stargazers_count", 
-                type: "asc",
-            },
-            searchTerm: null,
-        }
-    },
-    props:['repos'],
-    methods:{
-        sendSearchTerm(){
-            this.$emit('searchTermSet', this.searchTerm);
-            this.$emit('setSearchTerm', this.searchTerm);
-        },
-
-        // verificações da função de ordenação
-        sort (prop) {
-            if (this.sortPref.property === prop) {
-            this.sortPref.type = this.sortPref.type === 'asc' ? 'desc' : 'asc';
-            } else {
-            this.sortPref.property = prop;
-            this.sortPref.type='desc';  
-            }
-            this.doSort();
-        },
-        // função de ordenação
-        doSort(){
-            this.repos.sort( (a,b) => {
-            var t = this.sortPref.property;
-                if(this.sortPref.type == 'asc'){
-                if(a[t] > b[t]){
-                    return -1;
-                }
-                else{
-                    return 1;
-                }
-                }         
-                if(this.sortPref.type == 'desc'){
-                if(a[t] > b[t]){
-                    return 1;
-                }
-                else{
-                    return -1;
-                }
-                }  
-            });
-        },
-     }
-}
-</script>
-<style scoped>
-.row{
-    background:#45f792
-}
-.btn-group{
-    padding-top:10px;
-    margin:auto;
-    }
-.btn-group button{
-    border-radius: 50px;
-}
-.form-control:focus{
-    border-radius: 50px;
-    transition: 0.8s;
-}
-.form-control:not(:focus){
-    border-radius: 0px;
-    transition: 0.4s;
-}
-.btn-dark{
-    background:black;
-    transition: 0.4s;
-}
-.btn-dark:hover{
-    background:#3b4a54;
-    transition: 0.4s;
-}
-.form-inline{
-    padding-left:10px;
-}
-</style>
-
diff --git a/src/components/Toolbar.vue b/src/components/Toolbar.vue
new file mode 100644
index 0000000..69c5316
--- /dev/null
+++ b/src/components/Toolbar.vue
@@ -0,0 +1,44 @@
+<template>
+    <div class="row">
+        <Order
+        @sortDataSet="sortData = $event" 
+        @handleSortData="sortTrigger">
+        </Order>
+        <Search 
+        @searchTermSet="searchTerm=$event" 
+        @handleSearchTerm="searchTrigger" 
+        ></Search>
+    </div>
+</template>
+<script>
+    import Search from './Search.vue';
+    import Order from './Order.vue';
+    export default {
+        data(){
+            return{
+                searchTerm: null,
+                sortData: {}
+            }
+        },
+        components:{
+            Search,
+            Order
+        },
+        methods:{
+            searchTrigger(){
+                this.$emit('searchTermSetting', this.searchTerm);
+                this.$emit('searchHandle');
+            },
+            sortTrigger(){
+                this.$emit('sortHandle', this.sortData);
+                this.$emit('sortTriggered');
+            }
+        }
+}
+</script>
+<style scoped>
+    .row{
+        padding-top:10px;
+        width:100%;
+    }
+</style>

From 1407bc542b7822ca918332d5f4fa1a26d904167f Mon Sep 17 00:00:00 2001
From: Joel Rocha <joelxr@gmail.com>
Date: Tue, 23 Jul 2019 14:53:44 -0300
Subject: [PATCH 4/9] Setup for ESLint and Prettier

---
 .eslintrc.js            |  78 +++++++++
 .gitignore              |   1 -
 .prettierrc.js          |  14 ++
 .vscode/extensions.json |  43 +++++
 .vscode/settings.json   |  88 ++++++++++
 package.json            |  36 ++--
 yarn.lock               | 370 ++++++++++++++++++++++++++++++++--------
 7 files changed, 534 insertions(+), 96 deletions(-)
 create mode 100644 .eslintrc.js
 create mode 100644 .prettierrc.js
 create mode 100644 .vscode/extensions.json
 create mode 100644 .vscode/settings.json

diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..c50a182
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,78 @@
+module.exports = {
+  root: true,
+  parserOptions: {
+    sourceType: "script"
+  },
+  extends: [
+    // https://github.com/vuejs/eslint-plugin-vue#bulb-rules
+    "plugin:vue/recommended",
+    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
+    "standard",
+    // https://github.com/prettier/eslint-config-prettier
+    "prettier",
+    "prettier/standard",
+    "prettier/vue"
+  ],
+  rules: {
+    // Permite debugger apenas no desenvolvimento
+    "no-debugger": process.env.PRE_COMMIT ? "error" : "off",
+    // Permite console.* apenas no desenvolvimento
+    "no-console": process.env.PRE_COMMIT
+      ? ["error", { allow: ["warn", "error"] }]
+      : "off",
+    "vue/array-bracket-spacing": "error",
+    "vue/arrow-spacing": "error",
+    "vue/block-spacing": "error",
+    "vue/brace-style": "error",
+    "vue/camelcase": "error",
+    "vue/comma-dangle": ["error", "always-multiline"],
+    "vue/component-name-in-template-casing": "error",
+    "vue/dot-location": ["error", "property"],
+    "vue/eqeqeq": "error",
+    "vue/key-spacing": "error",
+    "vue/keyword-spacing": "error",
+    "vue/no-boolean-default": ["error", "default-false"],
+    "vue/no-deprecated-scope-attribute": "error",
+    "vue/no-empty-pattern": "error",
+    "vue/object-curly-spacing": ["error", "always"],
+    "vue/space-infix-ops": "error",
+    "vue/space-unary-ops": "error",
+    "vue/v-on-function-call": "error",
+    "vue/v-slot-style": [
+      "error",
+      {
+        atComponent: "v-slot",
+        default: "v-slot",
+        named: "longform"
+      }
+    ],
+    "vue/valid-v-slot": "error"
+  },
+  overrides: [
+    {
+      files: ["src/**/*", "tests/unit/**/*", "tests/e2e/**/*"],
+      parserOptions: {
+        parser: "babel-eslint",
+        sourceType: "module"
+      },
+      env: {
+        browser: true
+      }
+    },
+    {
+      files: ["**/*.unit.js"],
+      parserOptions: {
+        parser: "babel-eslint",
+        sourceType: "module"
+      },
+      env: { jest: true },
+      globals: {
+        mount: false,
+        shallowMount: false,
+        shallowMountView: false,
+        createComponentMocks: false,
+        createModuleStore: false
+      }
+    }
+  ]
+};
diff --git a/.gitignore b/.gitignore
index a0dddc6..07be599 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,7 +13,6 @@ yarn-error.log*
 
 # Editor directories and files
 .idea
-.vscode
 *.suo
 *.ntvs*
 *.njsproj
diff --git a/.prettierrc.js b/.prettierrc.js
new file mode 100644
index 0000000..62901e6
--- /dev/null
+++ b/.prettierrc.js
@@ -0,0 +1,14 @@
+module.exports = {
+  printWidth: 80,
+  tabWidth: 2,
+  useTabs: false,
+  semi: false,
+  singleQuote: true,
+  trailingComma: 'es5',
+  bracketSpacing: true,
+  jsxBracketSameLine: false,
+  arrowParens: 'always',
+  proseWrap: 'never',
+  htmlWhitespaceSensitivity: 'strict',
+  endOfLine: 'lf',
+}
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..4bc3c36
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,43 @@
+{
+  "recommendations": [
+    // Realce de sintaxe e outras coisas para o Vue
+    // https://github.com/vuejs/vetur
+    "octref.vetur",
+
+    // vue-peek
+    // https://github.com/fuzinato/vscode-vue-peek
+    "dariofuzinato.vue-peek",
+
+    // Lint ao salvar para o ESLint
+    // https://github.com/Microsoft/vscode-eslint
+    "dbaeumer.vscode-eslint",
+
+    // Lint ao salvar para o Stylelint
+    // https://github.com/shinnn/vscode-stylelint
+    "shinnn.stylelint",
+
+    // Format ao salvar para o Prettier
+    // https://github.com/prettier/prettier-vscode
+    "esbenp.prettier-vscode",
+
+    // SCSS intellisense
+    // https://github.com/mrmlnc/vscode-scss
+    "mrmlnc.vscode-scss",
+
+    // Testa os arquivos que terminam em `.unit.js` ao salvar com o Jest
+    // https://github.com/jest-community/vscode-jest
+    "Orta.vscode-jest",
+
+    // Lint para os arquivos markdown
+    // https://github.com/DavidAnson/vscode-markdownlint
+    "DavidAnson.vscode-markdownlint",
+
+    // Estensão para suportar o serviço do GraphQL
+    // https://github.com/apollographql/apollo-tooling
+    "apollographql.vscode-apollo",
+
+    // Para visualizar alterações Git
+    // https://github.com/eamodio/vscode-gitlens
+    "eamodio.gitlens"
+  ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..70f59e8
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,88 @@
+{
+  // ===
+  // Espaços
+  // ===
+
+  "editor.insertSpaces": true,
+  "editor.tabSize": 2,
+  "editor.trimAutoWhitespace": true,
+  "files.trimTrailingWhitespace": true,
+  "files.eol": "\n",
+  "files.insertFinalNewline": true,
+  "files.trimFinalNewlines": true,
+
+  // ===
+  // Arquivos
+  // ===
+
+  "files.exclude": {
+    "**/*.log": true,
+    "**/*.log*": true,
+    "**/dist": true,
+    "**/coverage": true
+  },
+  "files.associations": {
+    ".markdownlintrc": "jsonc"
+  },
+
+  // ===
+  // Eventos
+  // ===
+
+  "editor.formatOnSave": true,
+  "eslint.autoFixOnSave": true,
+  "eslint.run": "onSave",
+  "eslint.validate": [
+    { "language": "javascript", "autoFix": true },
+    { "language": "javascriptreact", "autoFix": true },
+    { "language": "vue", "autoFix": true },
+    { "language": "vue-html", "autoFix": true },
+    { "language": "html", "autoFix": true }
+  ],
+  "vetur.completion.useScaffoldSnippets": false,
+  "prettier.disableLanguages": [],
+
+  // ===
+  // HTML
+  // ===
+
+  "html.format.enable": false,
+  "vetur.validation.template": false,
+  "emmet.triggerExpansionOnTab": true,
+  "emmet.includeLanguages": {
+    "vue-html": "html"
+  },
+  "vetur.format.defaultFormatter.html": "none",
+
+  // ===
+  // JS(ON)
+  // ===
+
+  "jest.autoEnable": false,
+  "jest.enableCodeLens": false,
+  "javascript.format.enable": false,
+  "json.format.enable": false,
+  "vetur.validation.script": false,
+  "vetur.format.defaultFormatter.js": "none",
+
+  // ===
+  // CSS
+  // ===
+
+  "stylelint.enable": true,
+  "css.validate": false,
+  "scss.validate": false,
+  "vetur.validation.style": false,
+  "vetur.format.defaultFormatter.css": "none",
+  "vetur.format.defaultFormatter.postcss": "none",
+  "vetur.format.defaultFormatter.scss": "none",
+
+  // ===
+  // MARKDOWN
+  // ===
+
+  "[markdown]": {
+    "editor.wordWrap": "wordWrapColumn",
+    "editor.wordWrapColumn": 80
+  }
+}
diff --git a/package.json b/package.json
index da998ba..78d1f20 100644
--- a/package.json
+++ b/package.json
@@ -8,32 +8,20 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "core-js": "^2.6.5",
-    "vue": "^2.6.10",
-    "axios": "^0.19.0"
+    "vue": "2.6.10",
+    "axios": "0.19.0"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.9.0",
-    "@vue/cli-plugin-eslint": "^3.9.0",
-    "@vue/cli-service": "^3.9.0",
-    "babel-eslint": "^10.0.1",
-    "eslint": "^5.16.0",
-    "eslint-plugin-vue": "^5.0.0",
-    "vue-template-compiler": "^2.6.10"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "rules": {},
-    "parserOptions": {
-      "parser": "babel-eslint"
-    }
+    "@vue/cli-plugin-babel": "3.9.x",
+    "@vue/cli-plugin-eslint": "3.9.x",
+    "@vue/cli-service": "3.9.x",
+    "@vue/eslint-config-prettier": "4.0.x",
+    "@vue/eslint-config-standard": "4.0.x",
+    "babel-eslint": "10.0.x",
+    "eslint": "5.16.x",
+    "eslint-plugin-vue": "5.0.x",
+    "vue-template-compiler": "2.6.10",
+    "prettier": "1.16.x"
   },
   "postcss": {
     "plugins": {
diff --git a/yarn.lock b/yarn.lock
index 9ace543..b518985 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -860,7 +860,7 @@
   resolved "https://registry.yarnpkg.com/@vue/cli-overlay/-/cli-overlay-3.9.0.tgz#11f513d1fa11b0135fb8ba8b88d228df0dc542e0"
   integrity sha512-QfyvpJl2ChehBT2qzb5EvW921JxW94uFL3+lHa6VT42ImH8awrvkTGZmxTQWhHvATa7r0LKy7M7ZRMyo547esg==
 
-"@vue/cli-plugin-babel@^3.9.0":
+"@vue/cli-plugin-babel@3.9.x":
   version "3.9.2"
   resolved "https://registry.yarnpkg.com/@vue/cli-plugin-babel/-/cli-plugin-babel-3.9.2.tgz#8ff962a383aaeafd2b280998428a57ea23e9539c"
   integrity sha512-XqfmGjUGnnJ3NA+HC31F6nkBvB9pFDhk4Lxeao8ZNJcEjKNEBYjlmHunJQdIe/jEXXum6U+U/ZE6DjDStHTIMw==
@@ -871,7 +871,7 @@
     babel-loader "^8.0.5"
     webpack ">=4 < 4.29"
 
-"@vue/cli-plugin-eslint@^3.9.0":
+"@vue/cli-plugin-eslint@3.9.x":
   version "3.9.2"
   resolved "https://registry.yarnpkg.com/@vue/cli-plugin-eslint/-/cli-plugin-eslint-3.9.2.tgz#747c616b13a11f34ac80554eee899cbfcd1977b8"
   integrity sha512-AdvWJN+4Px2r3hbTDM2/rCtTcS6VyI7XuRljbfr2V9nF9cJiH4qsXFrTCRj3OgupbXJ14fUGKrLxmznLZIm1jA==
@@ -886,10 +886,10 @@
     eslint "^4.19.1"
     eslint-plugin-vue "^4.7.1"
 
-"@vue/cli-service@^3.9.0":
-  version "3.9.2"
-  resolved "https://registry.yarnpkg.com/@vue/cli-service/-/cli-service-3.9.2.tgz#59c95500f1f20ab1cd1905c28f6c3b17c04d6de8"
-  integrity sha512-R4L9tCMpJ4DzLgu/aU9CEtl5QYsj/FXRrtEgXSKm+71OVtA/o2rkLTC8SLB2Bu7wHP/HCYbaoy4NZqSEQzTuLw==
+"@vue/cli-service@3.9.x":
+  version "3.9.3"
+  resolved "https://registry.yarnpkg.com/@vue/cli-service/-/cli-service-3.9.3.tgz#4bd5786465afb8b608c5c7fc9661390e747ea756"
+  integrity sha512-CZE9PP4HH9bK4qAaLbTUB3tubggI+aRSbgB/QYSZrVlhtMpuVFZPj2QHbIvJQZTI2cG6LFQtLTZWXKeqo5lbAQ==
   dependencies:
     "@intervolga/optimize-cssnano-plugin" "^1.0.5"
     "@soda/friendly-errors-webpack-plugin" "^1.7.1"
@@ -924,7 +924,7 @@
     hash-sum "^1.0.2"
     html-webpack-plugin "^3.2.0"
     launch-editor-middleware "^2.2.1"
-    lodash.defaultsdeep "^4.6.0"
+    lodash.defaultsdeep "^4.6.1"
     lodash.mapvalues "^4.6.0"
     lodash.transform "^4.6.0"
     mini-css-extract-plugin "^0.6.0"
@@ -981,6 +981,26 @@
     source-map "~0.6.1"
     vue-template-es2015-compiler "^1.9.0"
 
+"@vue/eslint-config-prettier@4.0.x":
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/@vue/eslint-config-prettier/-/eslint-config-prettier-4.0.1.tgz#a036d0d2193c5c836542b35a3a7c35c4e1c68c97"
+  integrity sha512-rJEDXPb61Hfgg8GllO3XXFP98bcIxdNNHSrNcxP/vBSukOolgOwQyZJ5f5z/c7ViPyh5/IDlC4qBnhx/0n+I4g==
+  dependencies:
+    eslint-config-prettier "^3.3.0"
+    eslint-plugin-prettier "^3.0.0"
+    prettier "^1.15.2"
+
+"@vue/eslint-config-standard@4.0.x":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@vue/eslint-config-standard/-/eslint-config-standard-4.0.0.tgz#6be447ee674e3b0f733c584098fd9a22e6d76fcd"
+  integrity sha512-bQghq1cw1BuMRHNhr3tRpAJx1tpGy0QtajQX873kLtA9YVuOIoXR7nAWnTN09bBHnSUh2N288vMsqPi2fI4Hzg==
+  dependencies:
+    eslint-config-standard "^12.0.0"
+    eslint-plugin-import "^2.14.0"
+    eslint-plugin-node "^8.0.0"
+    eslint-plugin-promise "^4.0.1"
+    eslint-plugin-standard "^4.0.0"
+
 "@vue/preload-webpack-plugin@^1.1.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@vue/preload-webpack-plugin/-/preload-webpack-plugin-1.1.0.tgz#d768dba004261c029b53a77c5ea2d5f9ee4f3cce"
@@ -1351,6 +1371,14 @@ array-flatten@^2.1.0:
   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
   integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
 
+array-includes@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.0.3.tgz#184b48f62d92d7452bb31b323165c7f8bd02266d"
+  integrity sha1-GEtI9i2S10UrsxsyMWXH+L0CJm0=
+  dependencies:
+    define-properties "^1.1.2"
+    es-abstract "^1.7.0"
+
 array-map@~0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/array-map/-/array-map-0.0.0.tgz#88a2bab73d1cf7bcd5c1b118a003f66f665fa662"
@@ -1465,6 +1493,14 @@ aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
   integrity sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==
 
+axios@0.19.0:
+  version "0.19.0"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-0.19.0.tgz#8e09bff3d9122e133f7b8101c8fbdd00ed3d2ab8"
+  integrity sha512-1uvKqKQta3KBxIz14F2v06AEHZ/dIoeKfbTRkK1E5oqjDnuEerLmYTgJB5AiQZHJcljpg1TuRzdjDR06qNk0DQ==
+  dependencies:
+    follow-redirects "1.5.10"
+    is-buffer "^2.0.2"
+
 babel-code-frame@^6.22.0, babel-code-frame@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.26.0.tgz#63fd43f7dc1e3bb7ce35947db8fe369a3f58c74b"
@@ -1474,7 +1510,7 @@ babel-code-frame@^6.22.0, babel-code-frame@^6.26.0:
     esutils "^2.0.2"
     js-tokens "^3.0.2"
 
-babel-eslint@^10.0.1:
+babel-eslint@10.0.x, babel-eslint@^10.0.1:
   version "10.0.2"
   resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.0.2.tgz#182d5ac204579ff0881684b040560fdcc1558456"
   integrity sha512-UdsurWPtgiPgpJ06ryUnuaSXC2s0WoSZnQmEpbAH65XZSdwowgN5MvyP7e88nW07FYXv72erVtpBkxyDVKhH1Q==
@@ -2213,6 +2249,11 @@ constants-browserify@^1.0.0:
   resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
   integrity sha1-wguW2MYXdIqvHBYCF2DNJ/y4y3U=
 
+contains-path@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/contains-path/-/contains-path-0.1.0.tgz#fe8cf184ff6670b6baef01a9d4861a5cbec4120a"
+  integrity sha1-/ozxhP9mcLa67wGp1IYaXL7EEgo=
+
 content-disposition@0.5.3:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.3.tgz#e130caf7e7279087c5616c2007d0485698984fbd"
@@ -2564,13 +2605,20 @@ de-indent@^1.0.2:
   resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
   integrity sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=
 
-debug@2.6.9, debug@^2.2.0, debug@^2.3.3:
+debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8, debug@^2.6.9:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
   integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
   dependencies:
     ms "2.0.0"
 
+debug@=3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
+  integrity sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==
+  dependencies:
+    ms "2.0.0"
+
 debug@^3.1.0, debug@^3.2.5, debug@^3.2.6:
   version "3.2.6"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
@@ -2754,6 +2802,14 @@ dns-txt@^2.0.2:
   dependencies:
     buffer-indexof "^1.0.0"
 
+doctrine@1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-1.5.0.tgz#379dce730f6166f76cefa4e6707a159b02c5a6fa"
+  integrity sha1-N53Ocw9hZvds76TmcHoVmwLFpvo=
+  dependencies:
+    esutils "^2.0.2"
+    isarray "^1.0.0"
+
 doctrine@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
@@ -2932,7 +2988,7 @@ errno@^0.1.3, errno@~0.1.7:
   dependencies:
     prr "~1.0.1"
 
-error-ex@^1.3.1:
+error-ex@^1.2.0, error-ex@^1.3.1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
   integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
@@ -2946,7 +3002,7 @@ error-stack-parser@^2.0.0:
   dependencies:
     stackframe "^1.0.4"
 
-es-abstract@^1.12.0, es-abstract@^1.4.3, es-abstract@^1.5.1:
+es-abstract@^1.12.0, es-abstract@^1.4.3, es-abstract@^1.5.1, es-abstract@^1.7.0:
   version "1.13.0"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.13.0.tgz#ac86145fdd5099d8dd49558ccba2eaf9b88e24e9"
   integrity sha512-vDZfg/ykNxQVwup/8E1BZhVzFfBxs9NqMzGcvIJrqg5k2/5Za2bWo40dK2J1pgLngZ7c+Shh8lwYtLGyrwPutg==
@@ -2977,6 +3033,26 @@ escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
+eslint-config-prettier@^3.3.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-3.6.0.tgz#8ca3ffac4bd6eeef623a0651f9d754900e3ec217"
+  integrity sha512-ixJ4U3uTLXwJts4rmSVW/lMXjlGwCijhBJHk8iVqKKSifeI0qgFEfWl8L63isfc8Od7EiBALF6BX3jKLluf/jQ==
+  dependencies:
+    get-stdin "^6.0.0"
+
+eslint-config-standard@^12.0.0:
+  version "12.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-standard/-/eslint-config-standard-12.0.0.tgz#638b4c65db0bd5a41319f96bba1f15ddad2107d9"
+  integrity sha512-COUz8FnXhqFitYj4DTqHzidjIL/t4mumGZto5c7DrBpvWoie+Sn3P4sLEzUGeYhRElWuFEf8K1S1EfvD1vixCQ==
+
+eslint-import-resolver-node@^0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.2.tgz#58f15fb839b8d0576ca980413476aab2472db66a"
+  integrity sha512-sfmTqJfPSizWu4aymbPr4Iidp5yKm8yDkHp+Ir3YiTHiiDfxh69mOUsmiqW6RZ9zRXFaF64GtYmN7e+8GHBv6Q==
+  dependencies:
+    debug "^2.6.9"
+    resolve "^1.5.0"
+
 eslint-loader@^2.1.2:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/eslint-loader/-/eslint-loader-2.2.1.tgz#28b9c12da54057af0845e2a6112701a2f6bf8337"
@@ -2988,6 +3064,75 @@ eslint-loader@^2.1.2:
     object-hash "^1.1.4"
     rimraf "^2.6.1"
 
+eslint-module-utils@^2.4.0:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.4.1.tgz#7b4675875bf96b0dbf1b21977456e5bb1f5e018c"
+  integrity sha512-H6DOj+ejw7Tesdgbfs4jeS4YMFrT8uI8xwd1gtQqXssaR0EQ26L+2O/w6wkYFy2MymON0fTwHmXBvvfLNZVZEw==
+  dependencies:
+    debug "^2.6.8"
+    pkg-dir "^2.0.0"
+
+eslint-plugin-es@^1.3.1:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-es/-/eslint-plugin-es-1.4.0.tgz#475f65bb20c993fc10e8c8fe77d1d60068072da6"
+  integrity sha512-XfFmgFdIUDgvaRAlaXUkxrRg5JSADoRC8IkKLc/cISeR3yHVMefFHQZpcyXXEUUPHfy5DwviBcrfqlyqEwlQVw==
+  dependencies:
+    eslint-utils "^1.3.0"
+    regexpp "^2.0.1"
+
+eslint-plugin-import@^2.14.0:
+  version "2.18.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.18.2.tgz#02f1180b90b077b33d447a17a2326ceb400aceb6"
+  integrity sha512-5ohpsHAiUBRNaBWAF08izwUGlbrJoJJ+W9/TBwsGoR1MnlgfwMIKrFeSjWbt6moabiXW9xNvtFz+97KHRfI4HQ==
+  dependencies:
+    array-includes "^3.0.3"
+    contains-path "^0.1.0"
+    debug "^2.6.9"
+    doctrine "1.5.0"
+    eslint-import-resolver-node "^0.3.2"
+    eslint-module-utils "^2.4.0"
+    has "^1.0.3"
+    minimatch "^3.0.4"
+    object.values "^1.1.0"
+    read-pkg-up "^2.0.0"
+    resolve "^1.11.0"
+
+eslint-plugin-node@^8.0.0:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-node/-/eslint-plugin-node-8.0.1.tgz#55ae3560022863d141fa7a11799532340a685964"
+  integrity sha512-ZjOjbjEi6jd82rIpFSgagv4CHWzG9xsQAVp1ZPlhRnnYxcTgENUVBvhYmkQ7GvT1QFijUSo69RaiOJKhMu6i8w==
+  dependencies:
+    eslint-plugin-es "^1.3.1"
+    eslint-utils "^1.3.1"
+    ignore "^5.0.2"
+    minimatch "^3.0.4"
+    resolve "^1.8.1"
+    semver "^5.5.0"
+
+eslint-plugin-prettier@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.1.0.tgz#8695188f95daa93b0dc54b249347ca3b79c4686d"
+  integrity sha512-XWX2yVuwVNLOUhQijAkXz+rMPPoCr7WFiAl8ig6I7Xn+pPVhDhzg4DxHpmbeb0iqjO9UronEA3Tb09ChnFVHHA==
+  dependencies:
+    prettier-linter-helpers "^1.0.0"
+
+eslint-plugin-promise@^4.0.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-promise/-/eslint-plugin-promise-4.2.1.tgz#845fd8b2260ad8f82564c1222fce44ad71d9418a"
+  integrity sha512-VoM09vT7bfA7D+upt+FjeBO5eHIJQBUWki1aPvB+vbNiHS3+oGIJGIeyBtKQTME6UPXXy3vV07OL1tHd3ANuDw==
+
+eslint-plugin-standard@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-standard/-/eslint-plugin-standard-4.0.0.tgz#f845b45109c99cd90e77796940a344546c8f6b5c"
+  integrity sha512-OwxJkR6TQiYMmt1EsNRMe5qG3GsbjlcOhbGUBY4LtavF9DsLaTcoR+j2Tdjqi23oUwKNUqX7qcn5fPStafMdlA==
+
+eslint-plugin-vue@5.0.x:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-5.0.0.tgz#4a2cc1c0e71ea45e1bd9c1a60f925bfe68bb5710"
+  integrity sha512-mSv2Ebz3RaPP+XJO/mu7F+SdR9lrMyGISSExnarLFqqf3pF5wTmwWNrhHW1o9zKzKI811UVTIIkWJJvgO6SsUQ==
+  dependencies:
+    vue-eslint-parser "^4.0.2"
+
 eslint-plugin-vue@^4.7.1:
   version "4.7.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-4.7.1.tgz#c829b9fc62582c1897b5a0b94afd44ecca511e63"
@@ -2995,13 +3140,6 @@ eslint-plugin-vue@^4.7.1:
   dependencies:
     vue-eslint-parser "^2.0.3"
 
-eslint-plugin-vue@^5.0.0:
-  version "5.2.3"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-5.2.3.tgz#3ee7597d823b5478804b2feba9863b1b74273961"
-  integrity sha512-mGwMqbbJf0+VvpGR5Lllq0PMxvTdrZ/ZPjmhkacrCHbubJeJOt+T6E3HUzAifa2Mxi7RSdJfC9HFpOeSYVMMIw==
-  dependencies:
-    vue-eslint-parser "^5.0.0"
-
 eslint-scope@3.7.1:
   version "3.7.1"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-3.7.1.tgz#3d63c3edfda02e06e01a452ad88caacc7cdcb6e8"
@@ -3026,7 +3164,7 @@ eslint-scope@^4.0.0, eslint-scope@^4.0.3:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
-eslint-utils@^1.3.1:
+eslint-utils@^1.3.0, eslint-utils@^1.3.1:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-1.4.0.tgz#e2c3c8dba768425f897cf0f9e51fe2e241485d4c"
   integrity sha512-7ehnzPaP5IIEh1r1tkjuIrxqhNkzUJa9z3R92tLJdZIVdWaczEhr3EbhGtsMrVxi1KeR8qA7Off6SWc5WNQqyQ==
@@ -3038,6 +3176,48 @@ eslint-visitor-keys@^1.0.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#3f3180fb2e291017716acb4c9d6d5b5c34a6a81d"
   integrity sha512-qzm/XxIbxm/FHyH341ZrbnMUpe+5Bocte9xkmFMzPMjRaZMcXww+MpBptFvtU+79L362nqiLhekCxCxDPaUMBQ==
 
+eslint@5.16.x:
+  version "5.16.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-5.16.0.tgz#a1e3ac1aae4a3fbd8296fcf8f7ab7314cbb6abea"
+  integrity sha512-S3Rz11i7c8AA5JPv7xAH+dOyq/Cu/VXHiHXBPOU1k/JAM5dXqQPt3qcrhpHSorXmrpu2g0gkIBVXAqCpzfoZIg==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    ajv "^6.9.1"
+    chalk "^2.1.0"
+    cross-spawn "^6.0.5"
+    debug "^4.0.1"
+    doctrine "^3.0.0"
+    eslint-scope "^4.0.3"
+    eslint-utils "^1.3.1"
+    eslint-visitor-keys "^1.0.0"
+    espree "^5.0.1"
+    esquery "^1.0.1"
+    esutils "^2.0.2"
+    file-entry-cache "^5.0.1"
+    functional-red-black-tree "^1.0.1"
+    glob "^7.1.2"
+    globals "^11.7.0"
+    ignore "^4.0.6"
+    import-fresh "^3.0.0"
+    imurmurhash "^0.1.4"
+    inquirer "^6.2.2"
+    js-yaml "^3.13.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.3.0"
+    lodash "^4.17.11"
+    minimatch "^3.0.4"
+    mkdirp "^0.5.1"
+    natural-compare "^1.4.0"
+    optionator "^0.8.2"
+    path-is-inside "^1.0.2"
+    progress "^2.0.0"
+    regexpp "^2.0.1"
+    semver "^5.5.1"
+    strip-ansi "^4.0.0"
+    strip-json-comments "^2.0.1"
+    table "^5.2.3"
+    text-table "^0.2.0"
+
 eslint@^4.19.1:
   version "4.19.1"
   resolved "https://registry.yarnpkg.com/eslint/-/eslint-4.19.1.tgz#32d1d653e1d90408854bfb296f076ec7e186a300"
@@ -3082,48 +3262,6 @@ eslint@^4.19.1:
     table "4.0.2"
     text-table "~0.2.0"
 
-eslint@^5.16.0:
-  version "5.16.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-5.16.0.tgz#a1e3ac1aae4a3fbd8296fcf8f7ab7314cbb6abea"
-  integrity sha512-S3Rz11i7c8AA5JPv7xAH+dOyq/Cu/VXHiHXBPOU1k/JAM5dXqQPt3qcrhpHSorXmrpu2g0gkIBVXAqCpzfoZIg==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    ajv "^6.9.1"
-    chalk "^2.1.0"
-    cross-spawn "^6.0.5"
-    debug "^4.0.1"
-    doctrine "^3.0.0"
-    eslint-scope "^4.0.3"
-    eslint-utils "^1.3.1"
-    eslint-visitor-keys "^1.0.0"
-    espree "^5.0.1"
-    esquery "^1.0.1"
-    esutils "^2.0.2"
-    file-entry-cache "^5.0.1"
-    functional-red-black-tree "^1.0.1"
-    glob "^7.1.2"
-    globals "^11.7.0"
-    ignore "^4.0.6"
-    import-fresh "^3.0.0"
-    imurmurhash "^0.1.4"
-    inquirer "^6.2.2"
-    js-yaml "^3.13.0"
-    json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.3.0"
-    lodash "^4.17.11"
-    minimatch "^3.0.4"
-    mkdirp "^0.5.1"
-    natural-compare "^1.4.0"
-    optionator "^0.8.2"
-    path-is-inside "^1.0.2"
-    progress "^2.0.0"
-    regexpp "^2.0.1"
-    semver "^5.5.1"
-    strip-ansi "^4.0.0"
-    strip-json-comments "^2.0.1"
-    table "^5.2.3"
-    text-table "^0.2.0"
-
 espree@^3.5.2, espree@^3.5.4:
   version "3.5.4"
   resolved "https://registry.yarnpkg.com/espree/-/espree-3.5.4.tgz#b0f447187c8a8bed944b815a660bddf5deb5d1a7"
@@ -3361,6 +3499,11 @@ fast-deep-equal@^2.0.1:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz#7b05218ddf9667bf7f370bf7fdb2cb15fdd0aa49"
   integrity sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=
 
+fast-diff@^1.1.2:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
+  integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
+
 fast-glob@^2.2.6:
   version "2.2.7"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-2.2.7.tgz#6953857c3afa475fff92ee6015d52da70a4cd39d"
@@ -3508,7 +3651,7 @@ find-up@^1.0.0:
     path-exists "^2.0.0"
     pinkie-promise "^2.0.0"
 
-find-up@^2.1.0:
+find-up@^2.0.0, find-up@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
   integrity sha1-RdG35QbHF93UgndaK3eSCjwMV6c=
@@ -3554,6 +3697,13 @@ flush-write-stream@^1.0.0:
     inherits "^2.0.3"
     readable-stream "^2.3.6"
 
+follow-redirects@1.5.10:
+  version "1.5.10"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.5.10.tgz#7b7a9f9aea2fdff36786a94ff643ed07f4ff5e2a"
+  integrity sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==
+  dependencies:
+    debug "=3.1.0"
+
 follow-redirects@^1.0.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.7.0.tgz#489ebc198dc0e7f64167bd23b03c4c19b5784c76"
@@ -3678,6 +3828,11 @@ get-caller-file@^2.0.1:
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
+get-stdin@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b"
+  integrity sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==
+
 get-stream@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
@@ -4109,6 +4264,11 @@ ignore@^4.0.3, ignore@^4.0.6:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
   integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
 
+ignore@^5.0.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.2.tgz#e28e584d43ad7e92f96995019cc43b9e1ac49558"
+  integrity sha512-vdqWBp7MyzdmHkkRWV5nY+PfGRbYbahfuvsBCh277tq+w9zyNi7h5CYJCK0kmzti9kU+O/cB7sE8HvKv6aXAKQ==
+
 import-cwd@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
@@ -4300,6 +4460,11 @@ is-buffer@^1.1.5:
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
   integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
 
+is-buffer@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.3.tgz#4ecf3fcf749cbd1e472689e109ac66261a25e725"
+  integrity sha512-U15Q7MXTuZlrbymiz95PJpZxu8IlipAp4dtS3wOdgPXx3mqBnslrWU14kxfHB+Py/+2PVKSr37dMAgM2A4uArw==
+
 is-callable@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.4.tgz#1e1adf219e1eeb684d691f9d6a05ff0d30a24d75"
@@ -4725,6 +4890,16 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
   integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
 
+load-json-file@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-2.0.0.tgz#7947e42149af80d696cbf797bcaabcfe1fe29ca8"
+  integrity sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg=
+  dependencies:
+    graceful-fs "^4.1.2"
+    parse-json "^2.2.0"
+    pify "^2.0.0"
+    strip-bom "^3.0.0"
+
 loader-fs-cache@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/loader-fs-cache/-/loader-fs-cache-1.0.2.tgz#54cedf6b727e1779fd8f01205f05f6e88706f086"
@@ -4773,7 +4948,7 @@ locate-path@^3.0.0:
     p-locate "^3.0.0"
     path-exists "^3.0.0"
 
-lodash.defaultsdeep@^4.6.0:
+lodash.defaultsdeep@^4.6.1:
   version "4.6.1"
   resolved "https://registry.yarnpkg.com/lodash.defaultsdeep/-/lodash.defaultsdeep-4.6.1.tgz#512e9bd721d272d94e3d3a63653fa17516741ca6"
   integrity sha512-3j8wdDzYuWO3lM3Reg03MuQR957t287Rpcxp1njpEa8oDrikb+FwGdW3n+FELh/A6qib6yPit0j/pv9G/yeAqA==
@@ -5288,7 +5463,7 @@ nopt@^4.0.1:
     abbrev "1"
     osenv "^0.1.4"
 
-normalize-package-data@^2.5.0:
+normalize-package-data@^2.3.2, normalize-package-data@^2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
   integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==
@@ -5670,6 +5845,13 @@ parse-asn1@^5.0.0:
     pbkdf2 "^3.0.3"
     safe-buffer "^5.1.1"
 
+parse-json@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9"
+  integrity sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=
+  dependencies:
+    error-ex "^1.2.0"
+
 parse-json@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
@@ -5750,6 +5932,13 @@ path-to-regexp@0.1.7:
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
   integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=
 
+path-type@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-2.0.0.tgz#f012ccb8415b7096fc2daa1054c3d72389594c73"
+  integrity sha1-8BLMuEFbcJb8LaoQVMPXI4lZTHM=
+  dependencies:
+    pify "^2.0.0"
+
 path-type@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
@@ -6200,11 +6389,28 @@ prepend-http@^2.0.0:
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
   integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
 
+prettier-linter-helpers@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
+  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
+  dependencies:
+    fast-diff "^1.1.2"
+
 prettier@1.16.3:
   version "1.16.3"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.16.3.tgz#8c62168453badef702f34b45b6ee899574a6a65d"
   integrity sha512-kn/GU6SMRYPxUakNXhpP0EedT/KmaPzr0H5lIsDogrykbaxOpOfAFfk5XA7DZrJyMAv1wlMV3CPcZruGXVVUZw==
 
+prettier@1.16.x:
+  version "1.16.4"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.16.4.tgz#73e37e73e018ad2db9c76742e2647e21790c9717"
+  integrity sha512-ZzWuos7TI5CKUeQAtFd6Zhm2s6EpAD/ZLApIhsF9pRvRtM1RFo61dM/4MSRUA0SuLugA/zgrZD8m0BaY46Og7g==
+
+prettier@^1.15.2:
+  version "1.18.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.18.2.tgz#6823e7c5900017b4bd3acf46fe9ac4b4d7bda9ea"
+  integrity sha512-OeHeMc0JhFE9idD4ZdtNibzY0+TPHSpSSb9h8FqtP+YnoZZ1sl8Vc9b1sasjfymH3SonAF4QcA2+mzHPhMvIiw==
+
 pretty-error@^2.0.2:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-2.1.1.tgz#5f4f87c8f91e5ae3f3ba87ab4cf5e03b1a17f1a3"
@@ -6392,6 +6598,23 @@ rc@^1.2.7:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
+read-pkg-up@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-2.0.0.tgz#6b72a8048984e0c41e79510fd5e9fa99b3b549be"
+  integrity sha1-a3KoBImE4MQeeVEP1en6mbO1Sb4=
+  dependencies:
+    find-up "^2.0.0"
+    read-pkg "^2.0.0"
+
+read-pkg@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-2.0.0.tgz#8ef1c0623c6a6db0dc6713c4bfac46332b2368f8"
+  integrity sha1-jvHAYjxqbbDcZxPEv6xGMysjaPg=
+  dependencies:
+    load-json-file "^2.0.0"
+    normalize-package-data "^2.3.2"
+    path-type "^2.0.0"
+
 read-pkg@^5.0.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.2.0.tgz#7bf295438ca5a33e56cd30e053b34ee7250c93cc"
@@ -6658,7 +6881,7 @@ resolve-url@^0.2.1:
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
   integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
 
-resolve@^1.10.0, resolve@^1.3.2, resolve@^1.4.0, resolve@^1.8.1:
+resolve@^1.10.0, resolve@^1.11.0, resolve@^1.3.2, resolve@^1.4.0, resolve@^1.5.0, resolve@^1.8.1:
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.11.1.tgz#ea10d8110376982fef578df8fc30b9ac30a07a3e"
   integrity sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==
@@ -7282,6 +7505,11 @@ strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0:
   dependencies:
     ansi-regex "^4.1.0"
 
+strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
+  integrity sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=
+
 strip-eof@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
@@ -7823,10 +8051,10 @@ vue-eslint-parser@^2.0.3:
     esquery "^1.0.0"
     lodash "^4.17.4"
 
-vue-eslint-parser@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-5.0.0.tgz#00f4e4da94ec974b821a26ff0ed0f7a78402b8a1"
-  integrity sha512-JlHVZwBBTNVvzmifwjpZYn0oPWH2SgWv5dojlZBsrhablDu95VFD+hriB1rQGwbD+bms6g+rAFhQHk6+NyiS6g==
+vue-eslint-parser@^4.0.2:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-4.0.3.tgz#80cf162e484387b2640371ad21ba1f86e0c10a61"
+  integrity sha512-AUeQsYdO6+7QXCems+WvGlrXd37PHv/zcRQSQdY1xdOMwdFAPEnMBsv7zPvk0TPGulXkK/5p/ITgrjiYB7k3ag==
   dependencies:
     debug "^4.1.0"
     eslint-scope "^4.0.0"
@@ -7859,7 +8087,7 @@ vue-style-loader@^4.1.0:
     hash-sum "^1.0.2"
     loader-utils "^1.0.2"
 
-vue-template-compiler@^2.6.10:
+vue-template-compiler@2.6.10:
   version "2.6.10"
   resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.6.10.tgz#323b4f3495f04faa3503337a82f5d6507799c9cc"
   integrity sha512-jVZkw4/I/HT5ZMvRnhv78okGusqe0+qH2A0Em0Cp8aq78+NK9TII263CDVz2QXZsIT+yyV/gZc/j/vlwa+Epyg==
@@ -7872,7 +8100,7 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@^2.6.10:
+vue@2.6.10:
   version "2.6.10"
   resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.10.tgz#a72b1a42a4d82a721ea438d1b6bf55e66195c637"
   integrity sha512-ImThpeNU9HbdZL3utgMCq0oiMzAkt1mcgy3/E6zWC/G6AaQoeuFdsl9nDhTDU3X1R6FK7nsIUuRACVcjI+A2GQ==

From a6340a6e2137f78614e17adbbff1af95b21ec446 Mon Sep 17 00:00:00 2001
From: leotabosa <leeonardotabosa@gmail.com>
Date: Tue, 23 Jul 2019 16:16:13 -0300
Subject: [PATCH 5/9] =?UTF-8?q?Corre=C3=A7=C3=A3o=20dos=20eventos=20e=20fo?=
 =?UTF-8?q?rmata=C3=A7=C3=A3o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html          |  20 ++--
 src/App.vue                | 193 ++++++++++++++++++-------------------
 src/components/Card.vue    | 104 ++++++++++----------
 src/components/Content.vue |  58 +++++------
 src/components/Footer.vue  |   7 +-
 src/components/Header.vue  |  56 +++++------
 src/components/List.vue    |  57 ++++++-----
 src/components/Loader.vue  |  62 ++++++------
 src/components/Order.vue   |  89 ++++++++---------
 src/components/Search.vue  |  80 +++++++--------
 src/components/Toolbar.vue |  66 ++++++-------
 11 files changed, 392 insertions(+), 400 deletions(-)

diff --git a/public/index.html b/public/index.html
index 7c15f10..3d94d27 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,16 +1,24 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+    <link
+      rel="stylesheet"
+      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
+      integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
+      crossorigin="anonymous"
+    />
     <title>List</title>
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but projeto1 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong
+        >We're sorry but this page doesn't work properly without JavaScript
+        enabled. Please enable it to continue.</strong
+      >
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->
diff --git a/src/App.vue b/src/App.vue
index 2c6c6f7..aebd83b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,109 +1,106 @@
 <template>
-    <div class="wrap">
-        <Header></Header>
-        <Loader v-if="loading"></Loader>
-        <div class="container">
-            <Content :repos="mainRepos"
-            @searchTermHandle="searchTerm = $event"
-            @searchTrigger="searchResults"
-            @sortHandle="sortPref = $event"
-            @sortTrigger="doSort"></Content>
-        </div>
-        <Footer></Footer>    
+  <div class="wrap">
+    <Header></Header>
+    <Loader v-if="loading"></Loader>
+    <div class="container">
+      <Content
+        :repos="mainRepos"
+        @onSearch="searchResults($event)"
+        @onSort="doSort($event)"
+      >
+      </Content>
     </div>
+    <Footer class="footer"></Footer>
+  </div>
 </template>
-
 <script>
-    import Header from './components/Header.vue';
-    import Loader from './components/Loader.vue';
-    import Footer from './components/Footer.vue';
-    import Content from './components/Content.vue';
-    import Axios from 'axios';
-    const axios = Axios.create({
-        baseURL: 'https://api.github.com/',
-      });
-    export default {
-        data(){
-            return{
-                mainRepos: [],
-                searchTerm: null,
-                loading: true,
-                sortPref: {}
-          }
-        },
-        components: {
-            Header,
-            Loader,
-            Footer,
-            Content
-        },
-          created(){
-        this.setInitialRepos();
-      },
-        methods:{
-        //get e set iniciais
-        getInitialRepos() {
-            return axios.get('search/repositories?q=org:microsoft');
-        },
-        async setInitialRepos() {
-            const {data} = await this.getInitialRepos();
-            this.mainRepos = data.items;
-            this.loading = false; //loading inicia com valor true para essa linha fazer sentido
-        },
-        //get e set da busca (chamados pelo evento setSearchTerm do botão/input)
-        setReposSearch(){
-            axios.get('search/repositories',{
-                params:{
-                    q: 'org:microsoft '+this.searchTerm+' in:name'
-                }
-            })
-                .then(response => {
-                    this.mainRepos = response.data.items
-                    this.loading = false;
-                })
-                .catch(err => {
-                    console.err(err)
-                    this.loading = false;
-                })
+import Header from './components/Header.vue'
+import Loader from './components/Loader.vue'
+import Footer from './components/Footer.vue'
+import Content from './components/Content.vue'
+import Axios from 'axios'
+const axios = Axios.create({
+  baseURL: 'https://api.github.com/',
+})
+export default {
+  components: {
+    Header,
+    Loader,
+    Footer,
+    Content,
+  },
+  data() {
+    return {
+      mainRepos: [],
+      searchTerm: null,
+      loading: true,
+      sortPref: {},
+    }
+  },
+  created() {
+    this.setInitialRepos()
+  },
+  methods: {
+    // get e set iniciais
+    getInitialRepos() {
+      return axios.get('search/repositories?q=org:microsoft')
+    },
+    async setInitialRepos() {
+      const { data } = await this.getInitialRepos()
+      this.mainRepos = data.items
+      this.loading = false // loading inicia com valor true para essa linha fazer sentido
+    },
+    // get e set da busca (chamados pelo evento setSearchTerm do botão/input)
+    setReposSearch(eventData) {
+      axios
+        .get('search/repositories', {
+          params: {
+            q: 'org:microsoft ' + eventData + ' in:name',
           },
-        searchResults(){
-            this.loading = true;
-            if(this.searchTerm){
-                this.mainRepos = this.setReposSearch();                
-            }
-            else{
-                this.setInitialRepos();
-            }
-        },
-        doSort(){
-            this.mainRepos.sort( (a,b) => {
-            var t = this.sortPref.property;
-                if(this.sortPref.type == 'asc'){
-                if(a[t] > b[t]){
-                    return -1;
-                }
-                else{
-                    return 1;
-                }
-                }         
-                if(this.sortPref.type == 'desc'){
-                if(a[t] > b[t]){
-                    return 1;
-                }
-                else{
-                    return -1;
-                }
-                }  
-            });
-        },
+        })
+        .then((response) => {
+          this.mainRepos = response.data.items
+          this.loading = false
+        })
+        .catch((err) => {
+          console.err(err)
+          this.loading = false
+        })
+    },
+    searchResults(event) {
+      this.loading = true
+      if (event) {
+        this.mainRepos = this.setReposSearch(event)
+      } else {
+        this.setInitialRepos()
       }
-    }
+    },
+    doSort(event) {
+      this.mainRepos.sort((a, b) => {
+        var t = event.property
+        if (event.type == 'asc') {
+          if (a[t] > b[t]) {
+            return -1
+          } else {
+            return 1
+          }
+        }
+        if (event.type == 'desc') {
+          if (a[t] > b[t]) {
+            return 1
+          } else {
+            return -1
+          }
+        }
+      })
+    },
+  },
+}
 </script>
 
 <style scoped>
-.wrap{
-    height: 100%;
-    background-image: linear-gradient(#45f792,#ffffff);
+.wrap {
+  height: 100%;
+  background-image: linear-gradient(#45f792, #ffffff);
 }
-
 </style>
diff --git a/src/components/Card.vue b/src/components/Card.vue
index f1f88ba..444b697 100644
--- a/src/components/Card.vue
+++ b/src/components/Card.vue
@@ -1,66 +1,68 @@
 <template>
-    <div class="card">
-        <div class="card-body">
-            <h5 class="card-title">{{ repoName }}</h5>
-            <p class="card-text">
-            <br><b>Número de estrelas:</b> {{ repoStars }}
-            <br><b>Linguagem:</b> {{ repoLanguage }}
-            <p class="description"><b>Descrição:</b> {{ repoDescription }}</p></p>
-            <a :href="repoURL"  class="btn btn-dark">Ir para o repositório</a>
-        </div>
+  <div class="card">
+    <div class="card-body">
+      <h5 class="card-title">{{ repoName }}</h5>
+      <p class="card-text">
+        <br /><b>Número de estrelas:</b> {{ repoStars }} <br />
+        <b>Linguagem:</b> {{ repoLanguage }}
+      </p>
+      <p class="description"><b>Descrição:</b> {{ repoDescription }}</p>
+      <a :href="repoURL" class="btn btn-dark" target="_blank"
+        >Ir para o repositório</a
+      >
     </div>
+  </div>
 </template>
 <script>
 export default {
-    props:{
-        repoName:{
-            type: String,
-            required: true
-        },
-        repoStars:{
-            type: Number,
-            required: true
-        },
-        repoLanguage:{
-            type: String,
-        },
-        repoURL:{
-            type: String,
-            required: true
-        },
-        repoDescription:{
-            type: String,
-            default: () => ''
-        },
-    }    
+  props: {
+    repoName: {
+      type: String,
+      required: true,
+    },
+    repoStars: {
+      type: Number,
+      required: true,
+    },
+    repoLanguage: {
+      type: String,
+      default: () => '',
+    },
+    repoURL: {
+      type: String,
+      required: true,
+    },
+    repoDescription: {
+      type: String,
+      default: () => '',
+    },
+  },
 }
 </script>
 <style scoped>
-.card{
-      border-top:1px solid black;
-      border-bottom:1px solid black;
+.card {
+  border-top: 1px solid black;
+  border-bottom: 1px solid black;
 }
-.btn-dark{
-    background:black;
-    border-radius:50px;
-    transition:0.4s;
+.btn-dark {
+  background: black;
+  border-radius: 50px;
+  transition: 0.4s;
 }
-.btn-dark:hover{
-    background:#3b4a54;
-    transition:0.4s;
+.btn-dark:hover {
+  background: #3b4a54;
+  transition: 0.4s;
 }
-.card-body:hover{
-    box-shadow: 8px 6px 1px #3b4a54;
-    transition:0.7s;
+.card-body:hover {
+  box-shadow: 8px 6px 1px #3b4a54;
+  transition: 0.7s;
 }
-.card-body:not(hover){
-    transition:0.7s;
+.card-body:not(hover) {
+  transition: 0.7s;
 }
-.description{
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+.description {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 </style>
-
-
diff --git a/src/components/Content.vue b/src/components/Content.vue
index 1965cb9..4c99cbe 100644
--- a/src/components/Content.vue
+++ b/src/components/Content.vue
@@ -1,44 +1,36 @@
 <template>
-<div>
-    <Toolbar 
-    @searchTermSetting="middleSearchTerm = $event"
-    @searchHandle="sendMiddleSearchTerm"
-    @sortHandle="middleSortData = $event" 
-    @sortTriggered="sendMiddleSortData"></Toolbar>
+  <div>
+    <Toolbar
+      @searchTermSetting="sendMiddleSearchTerm($event)"
+      @sortSetting="sendMiddleSortData($event)"
+    >
+    </Toolbar>
     <List :repos="repos"></List>
-</div>
+  </div>
 </template>
 
 <script>
-import Toolbar from './Toolbar.vue';
-import List from './List.vue';
+import Toolbar from './Toolbar.vue'
+import List from './List.vue'
 export default {
-    data(){
-        return{
-            middleSearchTerm: null,
-            middleSortData: {}
-        }
+  components: {
+    Toolbar,
+    List,
+  },
+  props: {
+    repos: {
+      type: Array,
+      required: true,
+      default: () => [],
     },
-    props:{
-        repos:{
-            type: Array,
-            required: true,
-            default: () => []
-        }
+  },
+  methods: {
+    sendMiddleSearchTerm(eventData) {
+      this.$emit('onSearch', eventData)
     },
-    components:{
-        Toolbar,
-        List
+    sendMiddleSortData(eventData) {
+      this.$emit('onSort', eventData)
     },
-    methods:{
-        sendMiddleSearchTerm(){
-            this.$emit('searchTermHandle', this.middleSearchTerm);
-            this.$emit('searchTrigger');
-        },
-        sendMiddleSortData(){
-            this.$emit('sortHandle', this.middleSortData);
-            this.$emit('sortTrigger');
-        }
-    }
+  },
 }
 </script>
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index f69d00d..2eba550 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -3,12 +3,7 @@
         <a href="" class="footer-link"><h6 class="footer-text-1">Repositórios da Microsoft</h6></a>   
     </div>
 </template>
-<script>
-export default {
-    methods:{
-    }
-}
-</script>
+
 <style scoped>
     .footer-wrap{
         height: 5vh;
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 521ddee..2a7c8a0 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,32 +1,34 @@
 <template>
-    <div>
-        <nav class="navbar navbar-dark bg-custom">
-            <a class="navbar-brand" href="">Voltar à página inicial</a>
-            <a class="navbar-brand" href="" style="color:white; font-size:22px;">Repositórios da Microsoft</a>
-            <a class="navbar-brand" href="https://github.com/Microsoft">GitHub da Microsoft</a>
-        </nav>
-    </div>
+  <div>
+    <nav class="navbar navbar-dark bg-custom">
+      <a class="navbar-brand" href="">Voltar à página inicial</a>
+      <a class="navbar-brand" href="" style="color:white; font-size:22px;"
+        >Repositórios da Microsoft</a
+      >
+      <a class="navbar-brand" href="https://github.com/Microsoft"
+        >GitHub da Microsoft</a
+      >
+    </nav>
+  </div>
 </template>
 
 <style scoped>
-    nav{
-        border-bottom-left-radius: 20px;
-        border-bottom-right-radius: 20px;
-    }
-    .bg-custom{
-        background-color:black;
-    }
-    .navbar{
-        position: relative;
-    }
-    .navbar-brand:hover{
-        font-size:20.5px;
-        transition:0.3s;
-    }
-    .navbar-brand:not(hover){
-        font-size:20px;
-        transition:0.3s;
-    }
-
+nav {
+  border-bottom-left-radius: 20px;
+  border-bottom-right-radius: 20px;
+}
+.bg-custom {
+  background-color: black;
+}
+.navbar {
+  position: relative;
+}
+.navbar-brand:hover {
+  font-size: 20.5px;
+  transition: 0.3s;
+}
+.navbar-brand:not(hover) {
+  font-size: 20px;
+  transition: 0.3s;
+}
 </style>
-
diff --git a/src/components/List.vue b/src/components/List.vue
index 6436c58..031145f 100644
--- a/src/components/List.vue
+++ b/src/components/List.vue
@@ -1,39 +1,38 @@
 <template>
-    <div class="row">
-        <div class= "cards-list col-sm-4" v-for="repo in repos" :key="repo.id">
-            <Card class="cards"
-            :repoName="repo.name" 
-            :repoStars="repo.stargazers_count" 
-            :repoURL="repo.html_url" 
-            :repoLanguage="repo.language ? repo.language : ''"
-            :repoDescription="repo.description ? repo.description : ''" >
-            </Card>  
-        </div>    
+  <div class="row">
+    <div v-for="repo in repos" :key="repo.id" class="cards-list col-sm-4">
+      <Card
+        class="cards"
+        :repoName="repo.name"
+        :repoStars="repo.stargazers_count"
+        :repoURL="repo.html_url"
+        :repoLanguage="repo.language ? repo.language : ''"
+        :repoDescription="repo.description ? repo.description : ''"
+      >
+      </Card>
     </div>
+  </div>
 </template>
 <script>
-import Card from './Card.vue';
+import Card from './Card.vue'
 export default {
-    props: {
-        repos:{
-            type:Array,
-            required: true,
-            default: () => []
-        }
-    },
-    components:{
-        Card,
+  components: {
+    Card,
+  },
+  props: {
+    repos: {
+      type: Array,
+      required: true,
+      default: () => [],
     },
+  },
 }
 </script>
 <style scoped>
-    .cards{
-        margin-top: 20px;
-    }
-    .row{
-        margin-bottom:8vh;
-    }
+.cards {
+  margin-top: 20px;
+}
+.row {
+  margin-bottom: 8vh;
+}
 </style>
-
-
-
diff --git a/src/components/Loader.vue b/src/components/Loader.vue
index 89ae070..20d1b7d 100644
--- a/src/components/Loader.vue
+++ b/src/components/Loader.vue
@@ -1,35 +1,37 @@
 <template>
-    
-    <div class="wrap">
-        <div class="loader"></div>
-    </div>
+  <div class="wrap">
+    <div class="loader"></div>
+  </div>
 </template>
 
-
 <style scoped>
-    .wrap{
-        position: absolute;
-        height:100vh;
-        width:100%;
-        z-index:1;
-        background-image: linear-gradient(#45f792,#ffffff);   
-    }
-    .loader{
-        position: fixed;
-        background-image: linear-gradient(#abffd0,green);
-        border: 16px solid #f3f3f3;
-        border-top: 16px solid #abffd0;
-        border-right: 16px solid #abffd0;
-        border-radius: 50%;
-        width: 120px;
-        height: 120px;
-        animation: spin 1.5s ease-in-out infinite;
-        left: calc(50% - 60px);
-        top: calc(50% - 60px);
-        z-index: 1;
-    }
-    @keyframes spin {
-        0% { transform: rotate(0deg); }
-        100% { transform: rotate(360deg); }
-        }
+.wrap {
+  position: absolute;
+  height: 100vh;
+  width: 100%;
+  z-index: 1;
+  background-image: linear-gradient(#45f792, #ffffff);
+}
+.loader {
+  position: fixed;
+  background-image: linear-gradient(#abffd0, green);
+  border: 16px solid #f3f3f3;
+  border-top: 16px solid #abffd0;
+  border-right: 16px solid #abffd0;
+  border-radius: 50%;
+  width: 120px;
+  height: 120px;
+  animation: spin 1.5s ease-in-out infinite;
+  left: calc(50% - 60px);
+  top: calc(50% - 60px);
+  z-index: 1;
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
 </style>
diff --git a/src/components/Order.vue b/src/components/Order.vue
index 636a2a4..88d84ae 100644
--- a/src/components/Order.vue
+++ b/src/components/Order.vue
@@ -1,57 +1,60 @@
 <template>
-    <div class="btn-group" role="group">
-        <button type="button" 
-        class="btn btn-dark btn-order" 
-        @click="sort('stargazers_count')">Estrelas
-        </button>
-        <button type="button" 
-        class="btn btn-dark btn-order" 
-        @click="sort('language')" 
-        style="border-radius:2px">Linguagem
-        </button>
-    </div>
+  <div class="btn-group" role="group">
+    <button
+      type="button"
+      class="btn btn-dark btn-order"
+      @click="sort('stargazers_count')"
+      >Estrelas
+    </button>
+    <button
+      type="button"
+      class="btn btn-dark btn-order"
+      style="border-radius:2px"
+      @click="sort('language')"
+      >Linguagem
+    </button>
+  </div>
 </template>
 
 <script>
 export default {
-    data(){
-        return{
-            sortPref: { 
-                property: "stargazers_count", 
-                type: "asc"
-            },
-        }
+  data() {
+    return {
+      sortPref: {
+        property: 'stargazers_count',
+        type: 'asc',
+      },
+    }
+  },
+  methods: {
+    // verificações da função de ordenação
+    sort(prop) {
+      if (this.sortPref.property === prop) {
+        this.sortPref.type = this.sortPref.type === 'asc' ? 'desc' : 'asc'
+      } else {
+        this.sortPref.property = prop
+        this.sortPref.type = 'desc'
+      }
+      this.$emit('sortDataSet', this.sortPref)
     },
-    methods:{
-        // verificações da função de ordenação
-        sort (prop) {
-            if (this.sortPref.property === prop) {
-            this.sortPref.type = this.sortPref.type === 'asc' ? 'desc' : 'asc';
-            } else {
-            this.sortPref.property = prop;
-            this.sortPref.type='desc';  
-            }
-            this.$emit('sortDataSet',this.sortPref);
-            this.$emit('handleSortData');
-        },
-     }
+  },
 }
 </script>
 
 <style scoped>
-.btn-group{
-    padding-left:10px;
-    margin-left: auto;
-    }
-.btn-group button{
-    border-radius: 20px;
+.btn-group {
+  padding-left: 10px;
+  margin-left: auto;
+}
+.btn-group button {
+  border-radius: 20px;
 }
-.btn-dark{
-    background:black;
-    transition: 0.4s;
+.btn-dark {
+  background: black;
+  transition: 0.4s;
 }
-.btn-dark:hover{
-    background:#3b4a54;
-    transition: 0.4s;
+.btn-dark:hover {
+  background: #3b4a54;
+  transition: 0.4s;
 }
 </style>
diff --git a/src/components/Search.vue b/src/components/Search.vue
index c30ad5a..8394233 100644
--- a/src/components/Search.vue
+++ b/src/components/Search.vue
@@ -1,54 +1,54 @@
 <template>
-    <form class="form-inline my-2 my-lg-0">
-        <input class="form-control mr-sm-2" 
-        type="search" placeholder="Buscar" 
-        v-model="searchTerm" 
-        @keydown.enter.prevent.stop
-        @keydown="setTime(sendSearchTerm)">           
-    </form>
+  <form class="form-inline my-2 my-lg-0">
+    <input
+      v-model="searchTerm"
+      class="form-control mr-sm-2"
+      type="search"
+      placeholder="Buscar"
+      @keydown.enter.prevent.stop
+      @keydown="setTime(sendSearchTerm)"
+    />
+  </form>
 </template>
 <script>
 export default {
-    data(){
-        return{
-            searchTerm: null,
-        }
-    },
-    methods:{
-        sendSearchTerm(){
-            this.$emit('searchTermSet', this.searchTerm);
-            this.$emit('handleSearchTerm');
-        },
-        setTime(func){
-            clearTimeout(this.interval);
-            this.interval = setTimeout(func,500);
-        }
+  data() {
+    return {
+      searchTerm: null,
     }
+  },
+  methods: {
+    sendSearchTerm() {
+      this.$emit('searchTermSet', this.searchTerm)
+    },
+    setTime(func) {
+      clearTimeout(this.interval)
+      this.interval = setTimeout(func, 500)
+    },
+  },
 }
 </script>
 <style scoped>
-.form-control:focus{
-    border-radius: 50px;
-    transition: 0.8s;
+.form-control:focus {
+  border-radius: 50px;
+  transition: 0.8s;
 }
-.form-control:not(:focus){
-    border-radius: 0px;
-    transition: 0.4s;
+.form-control:not(:focus) {
+  border-radius: 0px;
+  transition: 0.4s;
 }
-.btn-dark{
-    background:black;
-    transition: 0.4s;
-    border-top-right-radius: 20px;
-    border-bottom-right-radius: 20px;
+.btn-dark {
+  background: black;
+  transition: 0.4s;
+  border-top-right-radius: 20px;
+  border-bottom-right-radius: 20px;
 }
-.btn-dark:hover{
-    background:#3b4a54;
-    transition: 0.4s;
+.btn-dark:hover {
+  background: #3b4a54;
+  transition: 0.4s;
 }
-.form-inline{
-    padding-left:10px;
-    margin-right:auto;
+.form-inline {
+  padding-left: 10px;
+  margin-right: auto;
 }
 </style>
-
-
diff --git a/src/components/Toolbar.vue b/src/components/Toolbar.vue
index 69c5316..fb35589 100644
--- a/src/components/Toolbar.vue
+++ b/src/components/Toolbar.vue
@@ -1,44 +1,36 @@
 <template>
-    <div class="row">
-        <Order
-        @sortDataSet="sortData = $event" 
-        @handleSortData="sortTrigger">
-        </Order>
-        <Search 
-        @searchTermSet="searchTerm=$event" 
-        @handleSearchTerm="searchTrigger" 
-        ></Search>
-    </div>
+  <div class="row">
+    <Order @sortDataSet="sortTrigger($event)"> </Order>
+    <Search @searchTermSet="searchTrigger($event)"></Search>
+  </div>
 </template>
 <script>
-    import Search from './Search.vue';
-    import Order from './Order.vue';
-    export default {
-        data(){
-            return{
-                searchTerm: null,
-                sortData: {}
-            }
-        },
-        components:{
-            Search,
-            Order
-        },
-        methods:{
-            searchTrigger(){
-                this.$emit('searchTermSetting', this.searchTerm);
-                this.$emit('searchHandle');
-            },
-            sortTrigger(){
-                this.$emit('sortHandle', this.sortData);
-                this.$emit('sortTriggered');
-            }
-        }
+import Search from './Search.vue'
+import Order from './Order.vue'
+export default {
+  components: {
+    Search,
+    Order,
+  },
+  data() {
+    return {
+      searchTerm: null,
+      sortData: {},
+    }
+  },
+  methods: {
+    searchTrigger(eventData) {
+      this.$emit('searchTermSetting', eventData)
+    },
+    sortTrigger(eventData) {
+      this.$emit('sortSetting', eventData)
+    },
+  },
 }
 </script>
 <style scoped>
-    .row{
-        padding-top:10px;
-        width:100%;
-    }
+.row {
+  padding-top: 10px;
+  width: 100%;
+}
 </style>

From 619a8e93cb9a82403380502104323f6806c50138 Mon Sep 17 00:00:00 2001
From: Joel Rocha <joelxr@gmail.com>
Date: Tue, 23 Jul 2019 16:25:49 -0300
Subject: [PATCH 6/9] Removes old eslint rules adds Babel deps.

---
 .eslintrc.js            | 104 ++++++++--------------
 .vscode/extensions.json |  20 -----
 package.json            |  18 ++--
 yarn.lock               | 188 +++++++++++++++++++++++++---------------
 4 files changed, 167 insertions(+), 163 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index c50a182..f954970 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,78 +1,50 @@
 module.exports = {
-  root: true,
-  parserOptions: {
-    sourceType: "script"
+  env: {
+    browser: true,
+    es6: true,
   },
   extends: [
-    // https://github.com/vuejs/eslint-plugin-vue#bulb-rules
-    "plugin:vue/recommended",
-    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
-    "standard",
-    // https://github.com/prettier/eslint-config-prettier
-    "prettier",
-    "prettier/standard",
-    "prettier/vue"
+    'plugin:vue/recommended',
+    'standard',
+    'prettier',
+    'prettier/standard',
+    'prettier/vue',
   ],
+  globals: {
+    Atomics: 'readonly',
+    SharedArrayBuffer: 'readonly',
+  },
+  parserOptions: {
+    sourceType: 'script',
+  },
+  plugins: ['vue'],
   rules: {
-    // Permite debugger apenas no desenvolvimento
-    "no-debugger": process.env.PRE_COMMIT ? "error" : "off",
-    // Permite console.* apenas no desenvolvimento
-    "no-console": process.env.PRE_COMMIT
-      ? ["error", { allow: ["warn", "error"] }]
-      : "off",
-    "vue/array-bracket-spacing": "error",
-    "vue/arrow-spacing": "error",
-    "vue/block-spacing": "error",
-    "vue/brace-style": "error",
-    "vue/camelcase": "error",
-    "vue/comma-dangle": ["error", "always-multiline"],
-    "vue/component-name-in-template-casing": "error",
-    "vue/dot-location": ["error", "property"],
-    "vue/eqeqeq": "error",
-    "vue/key-spacing": "error",
-    "vue/keyword-spacing": "error",
-    "vue/no-boolean-default": ["error", "default-false"],
-    "vue/no-deprecated-scope-attribute": "error",
-    "vue/no-empty-pattern": "error",
-    "vue/object-curly-spacing": ["error", "always"],
-    "vue/space-infix-ops": "error",
-    "vue/space-unary-ops": "error",
-    "vue/v-on-function-call": "error",
-    "vue/v-slot-style": [
-      "error",
-      {
-        atComponent: "v-slot",
-        default: "v-slot",
-        named: "longform"
-      }
-    ],
-    "vue/valid-v-slot": "error"
+    'no-debugger': 'error',
+    'no-console': ['error', { allow: ['warn', 'error'] }],
+    'vue/array-bracket-spacing': 'error',
+    'vue/arrow-spacing': 'error',
+    'vue/block-spacing': 'error',
+    'vue/brace-style': 'error',
+    'vue/camelcase': 'error',
+    'vue/comma-dangle': ['error', 'always-multiline'],
+    'vue/component-name-in-template-casing': 'error',
+    'vue/eqeqeq': 'error',
+    'vue/no-boolean-default': ['error', 'default-false'],
+    'vue/object-curly-spacing': ['error', 'always'],
+    'vue/space-infix-ops': 'error',
+    'vue/space-unary-ops': 'error',
+    'vue/v-on-function-call': 'error',
   },
   overrides: [
     {
-      files: ["src/**/*", "tests/unit/**/*", "tests/e2e/**/*"],
+      files: ['src/**/*'],
       parserOptions: {
-        parser: "babel-eslint",
-        sourceType: "module"
+        parser: 'babel-eslint',
+        sourceType: 'module',
       },
       env: {
-        browser: true
-      }
-    },
-    {
-      files: ["**/*.unit.js"],
-      parserOptions: {
-        parser: "babel-eslint",
-        sourceType: "module"
+        browser: true,
       },
-      env: { jest: true },
-      globals: {
-        mount: false,
-        shallowMount: false,
-        shallowMountView: false,
-        createComponentMocks: false,
-        createModuleStore: false
-      }
-    }
-  ]
-};
+    },
+  ],
+}
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 4bc3c36..54a14a4 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -12,30 +12,10 @@
     // https://github.com/Microsoft/vscode-eslint
     "dbaeumer.vscode-eslint",
 
-    // Lint ao salvar para o Stylelint
-    // https://github.com/shinnn/vscode-stylelint
-    "shinnn.stylelint",
-
     // Format ao salvar para o Prettier
     // https://github.com/prettier/prettier-vscode
     "esbenp.prettier-vscode",
 
-    // SCSS intellisense
-    // https://github.com/mrmlnc/vscode-scss
-    "mrmlnc.vscode-scss",
-
-    // Testa os arquivos que terminam em `.unit.js` ao salvar com o Jest
-    // https://github.com/jest-community/vscode-jest
-    "Orta.vscode-jest",
-
-    // Lint para os arquivos markdown
-    // https://github.com/DavidAnson/vscode-markdownlint
-    "DavidAnson.vscode-markdownlint",
-
-    // Estensão para suportar o serviço do GraphQL
-    // https://github.com/apollographql/apollo-tooling
-    "apollographql.vscode-apollo",
-
     // Para visualizar alterações Git
     // https://github.com/eamodio/vscode-gitlens
     "eamodio.gitlens"
diff --git a/package.json b/package.json
index 78d1f20..15a98d4 100644
--- a/package.json
+++ b/package.json
@@ -15,13 +15,21 @@
     "@vue/cli-plugin-babel": "3.9.x",
     "@vue/cli-plugin-eslint": "3.9.x",
     "@vue/cli-service": "3.9.x",
-    "@vue/eslint-config-prettier": "4.0.x",
+    "@vue/eslint-config-prettier": "5.0.x",
     "@vue/eslint-config-standard": "4.0.x",
+    "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "10.0.x",
-    "eslint": "5.16.x",
-    "eslint-plugin-vue": "5.0.x",
-    "vue-template-compiler": "2.6.10",
-    "prettier": "1.16.x"
+    "babel-plugin-component": "1.1.1",
+    "babel-plugin-require-context-hook": "1.0.0",
+    "eslint": "^6.1.0",
+    "eslint-config-standard": "^13.0.1",
+    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-node": "^9.1.0",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-standard": "^4.0.0",
+    "eslint-plugin-vue": "^5.2.3",
+    "prettier": "1.18.x",
+    "vue-template-compiler": "2.6.10"
   },
   "postcss": {
     "plugins": {
diff --git a/yarn.lock b/yarn.lock
index b518985..50b7457 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -123,6 +123,14 @@
   dependencies:
     "@babel/types" "^7.0.0"
 
+"@babel/helper-module-imports@7.0.0-beta.35":
+  version "7.0.0-beta.35"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.0.0-beta.35.tgz#308e350e731752cdb4d0f058df1d704925c64e0a"
+  integrity sha512-vaC1KyIZSuyWb3Lj277fX0pxivyHwuDU4xZsofqgYAbkDxNieMg2vuhzP5AgMweMY7fCQUMTi+BgPqTLjkxXFg==
+  dependencies:
+    "@babel/types" "7.0.0-beta.35"
+    lodash "^4.2.0"
+
 "@babel/helper-module-imports@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.0.0.tgz#96081b7111e486da4d2cd971ad1a4fe216cc2e3d"
@@ -661,6 +669,15 @@
     globals "^11.1.0"
     lodash "^4.17.11"
 
+"@babel/types@7.0.0-beta.35":
+  version "7.0.0-beta.35"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.0.0-beta.35.tgz#cf933a9a9a38484ca724b335b88d83726d5ab960"
+  integrity sha512-y9XT11CozHDgjWcTdxmhSj13rJVXpa5ZXwjjOiTedjaM0ba5ItqdS02t31EhPl7HtOWxsZkYCCUNrSfrOisA6w==
+  dependencies:
+    esutils "^2.0.2"
+    lodash "^4.2.0"
+    to-fast-properties "^2.0.0"
+
 "@babel/types@^7.0.0", "@babel/types@^7.2.0", "@babel/types@^7.4.4", "@babel/types@^7.5.0":
   version "7.5.0"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.5.0.tgz#e47d43840c2e7f9105bc4d3a2c371b4d0c7832ab"
@@ -981,14 +998,12 @@
     source-map "~0.6.1"
     vue-template-es2015-compiler "^1.9.0"
 
-"@vue/eslint-config-prettier@4.0.x":
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/@vue/eslint-config-prettier/-/eslint-config-prettier-4.0.1.tgz#a036d0d2193c5c836542b35a3a7c35c4e1c68c97"
-  integrity sha512-rJEDXPb61Hfgg8GllO3XXFP98bcIxdNNHSrNcxP/vBSukOolgOwQyZJ5f5z/c7ViPyh5/IDlC4qBnhx/0n+I4g==
+"@vue/eslint-config-prettier@5.0.x":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@vue/eslint-config-prettier/-/eslint-config-prettier-5.0.0.tgz#ce66c8c4d9e01ad1d4e1a12140ab685bd5ef345a"
+  integrity sha512-OXcH+XWevp3DIdC3BBornC1q6/MNYfca/3HY66awV6aGm+dtkR/hpfBb6fX7nsVjcox13kgG+eSUtUfJ3uxZ8A==
   dependencies:
-    eslint-config-prettier "^3.3.0"
-    eslint-plugin-prettier "^3.0.0"
-    prettier "^1.15.2"
+    eslint-config-prettier "^6.0.0"
 
 "@vue/eslint-config-standard@4.0.x":
   version "4.0.0"
@@ -1211,7 +1226,12 @@ acorn@^5.0.0, acorn@^5.5.0, acorn@^5.6.2:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279"
   integrity sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==
 
-acorn@^6.0.2, acorn@^6.0.7, acorn@^6.1.1:
+acorn@^6.0.2:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.2.1.tgz#3ed8422d6dec09e6121cc7a843ca86a330a86b51"
+  integrity sha512-JD0xT5FCRDNyjDda3Lrg/IxFscp9q4tiYtxE1/nOzlKCk7hIRuYjhq1kCNkbPjMRMZuFq20HNQn1I9k8Oj0E+Q==
+
+acorn@^6.0.7, acorn@^6.1.1:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.2.0.tgz#67f0da2fc339d6cfb5d6fb244fd449f33cd8bbe3"
   integrity sha512-8oe72N3WPMjA+2zVG71Ia0nXZ8DpQH+QyyHO+p06jT8eg8FGG3FbcUIi8KziHlAfheJQZeoqbvq1mQSQHXKYLw==
@@ -1246,7 +1266,7 @@ ajv@^5.2.3, ajv@^5.3.0:
     fast-json-stable-stringify "^2.0.0"
     json-schema-traverse "^0.3.0"
 
-ajv@^6.1.0, ajv@^6.5.5, ajv@^6.9.1:
+ajv@^6.1.0, ajv@^6.10.0, ajv@^6.5.5, ajv@^6.9.1:
   version "6.10.2"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.10.2.tgz#d3cea04d6b017b2894ad69040fec8b623eb4bd52"
   integrity sha512-TXtUUEYHuaTEbLZWIKUr5pmBuhDLy+8KYtPYdcV8qC+pOZL+NKqYwvWSRrVXHn+ZmRRAu8vJTAznH7Oag6RVRw==
@@ -1510,6 +1530,11 @@ babel-code-frame@^6.22.0, babel-code-frame@^6.26.0:
     esutils "^2.0.2"
     js-tokens "^3.0.2"
 
+babel-core@7.0.0-bridge.0:
+  version "7.0.0-bridge.0"
+  resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-7.0.0-bridge.0.tgz#95a492ddd90f9b4e9a4a1da14eb335b87b634ece"
+  integrity sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==
+
 babel-eslint@10.0.x, babel-eslint@^10.0.1:
   version "10.0.2"
   resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.0.2.tgz#182d5ac204579ff0881684b040560fdcc1558456"
@@ -1532,6 +1557,13 @@ babel-loader@^8.0.5:
     mkdirp "^0.5.1"
     pify "^4.0.1"
 
+babel-plugin-component@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-component/-/babel-plugin-component-1.1.1.tgz#9b023a23ff5c9aae0fd56c5a18b9cab8c4d45eea"
+  integrity sha512-WUw887kJf2GH80Ng/ZMctKZ511iamHNqPhd9uKo14yzisvV7Wt1EckIrb8oq/uCz3B3PpAW7Xfl7AkTLDYT6ag==
+  dependencies:
+    "@babel/helper-module-imports" "7.0.0-beta.35"
+
 babel-plugin-dynamic-import-node@^2.2.0, babel-plugin-dynamic-import-node@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.0.tgz#f00f507bdaa3c3e3ff6e7e5e98d90a7acab96f7f"
@@ -1550,6 +1582,11 @@ babel-plugin-module-resolver@3.2.0:
     reselect "^3.0.1"
     resolve "^1.4.0"
 
+babel-plugin-require-context-hook@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-require-context-hook/-/babel-plugin-require-context-hook-1.0.0.tgz#3f0e7cce87c338f53639b948632fd4e73834632d"
+  integrity sha512-EMZD1563QUqLhzrqcThk759RhuNVX/ZJdrtGK6drwzgvnR+ARjWyXIHPbu+tUNaMGtPz/gQeAM2M6VUw2UiUeA==
+
 balanced-match@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
@@ -3033,10 +3070,10 @@ escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
-eslint-config-prettier@^3.3.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-3.6.0.tgz#8ca3ffac4bd6eeef623a0651f9d754900e3ec217"
-  integrity sha512-ixJ4U3uTLXwJts4rmSVW/lMXjlGwCijhBJHk8iVqKKSifeI0qgFEfWl8L63isfc8Od7EiBALF6BX3jKLluf/jQ==
+eslint-config-prettier@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.0.0.tgz#f429a53bde9fc7660e6353910fd996d6284d3c25"
+  integrity sha512-vDrcCFE3+2ixNT5H83g28bO/uYAwibJxerXPj+E7op4qzBCsAV36QfvdAyVOoNxKAH2Os/e01T/2x++V0LPukA==
   dependencies:
     get-stdin "^6.0.0"
 
@@ -3109,13 +3146,6 @@ eslint-plugin-node@^8.0.0:
     resolve "^1.8.1"
     semver "^5.5.0"
 
-eslint-plugin-prettier@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.1.0.tgz#8695188f95daa93b0dc54b249347ca3b79c4686d"
-  integrity sha512-XWX2yVuwVNLOUhQijAkXz+rMPPoCr7WFiAl8ig6I7Xn+pPVhDhzg4DxHpmbeb0iqjO9UronEA3Tb09ChnFVHHA==
-  dependencies:
-    prettier-linter-helpers "^1.0.0"
-
 eslint-plugin-promise@^4.0.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-promise/-/eslint-plugin-promise-4.2.1.tgz#845fd8b2260ad8f82564c1222fce44ad71d9418a"
@@ -3126,12 +3156,12 @@ eslint-plugin-standard@^4.0.0:
   resolved "https://registry.yarnpkg.com/eslint-plugin-standard/-/eslint-plugin-standard-4.0.0.tgz#f845b45109c99cd90e77796940a344546c8f6b5c"
   integrity sha512-OwxJkR6TQiYMmt1EsNRMe5qG3GsbjlcOhbGUBY4LtavF9DsLaTcoR+j2Tdjqi23oUwKNUqX7qcn5fPStafMdlA==
 
-eslint-plugin-vue@5.0.x:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-5.0.0.tgz#4a2cc1c0e71ea45e1bd9c1a60f925bfe68bb5710"
-  integrity sha512-mSv2Ebz3RaPP+XJO/mu7F+SdR9lrMyGISSExnarLFqqf3pF5wTmwWNrhHW1o9zKzKI811UVTIIkWJJvgO6SsUQ==
+eslint-plugin-vue@5.2.2:
+  version "5.2.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-5.2.2.tgz#86601823b7721b70bc92d54f1728cfc03b36283c"
+  integrity sha512-CtGWH7IB0DA6BZOwcV9w9q3Ri6Yuo8qMjx05SmOGJ6X6E0Yo3y9E/gQ5tuNxg2dEt30tRnBoFTbvtmW9iEoyHA==
   dependencies:
-    vue-eslint-parser "^4.0.2"
+    vue-eslint-parser "^5.0.0"
 
 eslint-plugin-vue@^4.7.1:
   version "4.7.1"
@@ -3156,7 +3186,7 @@ eslint-scope@^3.7.1:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
-eslint-scope@^4.0.0, eslint-scope@^4.0.3:
+eslint-scope@^4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-4.0.3.tgz#ca03833310f6889a3264781aa82e63eb9cfe7848"
   integrity sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==
@@ -3164,6 +3194,14 @@ eslint-scope@^4.0.0, eslint-scope@^4.0.3:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
+eslint-scope@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.0.0.tgz#e87c8887c73e8d1ec84f1ca591645c358bfc8fb9"
+  integrity sha512-oYrhJW7S0bxAFDvWqzvMPRm6pcgcnWc4QnofCAqRTRfQC0JcwenzGglTtsLyIuuWFfkqDG9vz67cnttSd53djw==
+  dependencies:
+    esrecurse "^4.1.0"
+    estraverse "^4.1.1"
+
 eslint-utils@^1.3.0, eslint-utils@^1.3.1:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-1.4.0.tgz#e2c3c8dba768425f897cf0f9e51fe2e241485d4c"
@@ -3176,47 +3214,48 @@ eslint-visitor-keys@^1.0.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#3f3180fb2e291017716acb4c9d6d5b5c34a6a81d"
   integrity sha512-qzm/XxIbxm/FHyH341ZrbnMUpe+5Bocte9xkmFMzPMjRaZMcXww+MpBptFvtU+79L362nqiLhekCxCxDPaUMBQ==
 
-eslint@5.16.x:
-  version "5.16.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-5.16.0.tgz#a1e3ac1aae4a3fbd8296fcf8f7ab7314cbb6abea"
-  integrity sha512-S3Rz11i7c8AA5JPv7xAH+dOyq/Cu/VXHiHXBPOU1k/JAM5dXqQPt3qcrhpHSorXmrpu2g0gkIBVXAqCpzfoZIg==
+eslint@6.1.x:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-6.1.0.tgz#06438a4a278b1d84fb107d24eaaa35471986e646"
+  integrity sha512-QhrbdRD7ofuV09IuE2ySWBz0FyXCq0rriLTZXZqaWSI79CVtHVRdkFuFTViiqzZhkCgfOh9USpriuGN2gIpZDQ==
   dependencies:
     "@babel/code-frame" "^7.0.0"
-    ajv "^6.9.1"
+    ajv "^6.10.0"
     chalk "^2.1.0"
     cross-spawn "^6.0.5"
     debug "^4.0.1"
     doctrine "^3.0.0"
-    eslint-scope "^4.0.3"
+    eslint-scope "^5.0.0"
     eslint-utils "^1.3.1"
     eslint-visitor-keys "^1.0.0"
-    espree "^5.0.1"
+    espree "^6.0.0"
     esquery "^1.0.1"
     esutils "^2.0.2"
     file-entry-cache "^5.0.1"
     functional-red-black-tree "^1.0.1"
-    glob "^7.1.2"
+    glob-parent "^5.0.0"
     globals "^11.7.0"
     ignore "^4.0.6"
     import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
-    inquirer "^6.2.2"
-    js-yaml "^3.13.0"
+    inquirer "^6.4.1"
+    is-glob "^4.0.0"
+    js-yaml "^3.13.1"
     json-stable-stringify-without-jsonify "^1.0.1"
     levn "^0.3.0"
-    lodash "^4.17.11"
+    lodash "^4.17.14"
     minimatch "^3.0.4"
     mkdirp "^0.5.1"
     natural-compare "^1.4.0"
     optionator "^0.8.2"
-    path-is-inside "^1.0.2"
     progress "^2.0.0"
     regexpp "^2.0.1"
-    semver "^5.5.1"
-    strip-ansi "^4.0.0"
-    strip-json-comments "^2.0.1"
+    semver "^6.1.2"
+    strip-ansi "^5.2.0"
+    strip-json-comments "^3.0.1"
     table "^5.2.3"
     text-table "^0.2.0"
+    v8-compile-cache "^2.0.3"
 
 eslint@^4.19.1:
   version "4.19.1"
@@ -3279,10 +3318,10 @@ espree@^4.1.0:
     acorn-jsx "^5.0.0"
     eslint-visitor-keys "^1.0.0"
 
-espree@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-5.0.1.tgz#5d6526fa4fc7f0788a5cf75b15f30323e2f81f7a"
-  integrity sha512-qWAZcWh4XE/RwzLJejfcofscgMc9CamR6Tn1+XRXNzrvUSSbiAjGOI/fggztjIi7y9VLPqnICMIPiGyr8JaZ0A==
+espree@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-6.0.0.tgz#716fc1f5a245ef5b9a7fdb1d7b0d3f02322e75f6"
+  integrity sha512-lJvCS6YbCn3ImT3yKkPe0+tJ+mH6ljhGNjHQH9mRtiO6gjhVAOhVXW1yjnwqGwTkK3bGbye+hb00nFNmu0l/1Q==
   dependencies:
     acorn "^6.0.7"
     acorn-jsx "^5.0.0"
@@ -3499,11 +3538,6 @@ fast-deep-equal@^2.0.1:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz#7b05218ddf9667bf7f370bf7fdb2cb15fdd0aa49"
   integrity sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=
 
-fast-diff@^1.1.2:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
-  integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
-
 fast-glob@^2.2.6:
   version "2.2.7"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-2.2.7.tgz#6953857c3afa475fff92ee6015d52da70a4cd39d"
@@ -3865,6 +3899,13 @@ glob-parent@^3.1.0:
     is-glob "^3.1.0"
     path-dirname "^1.0.0"
 
+glob-parent@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.0.0.tgz#1dc99f0f39b006d3e92c2c284068382f0c20e954"
+  integrity sha512-Z2RwiujPRGluePM6j699ktJYxmPpJKCfpGA13jz2hmFZC7gKetzrWvg5KN3+OsIFmydGyZ1AVwERCq1w/ZZwRg==
+  dependencies:
+    is-glob "^4.0.1"
+
 glob-to-regexp@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
@@ -4365,7 +4406,7 @@ inquirer@^3.0.6:
     strip-ansi "^4.0.0"
     through "^2.3.6"
 
-inquirer@^6.2.2:
+inquirer@^6.4.1:
   version "6.5.0"
   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-6.5.0.tgz#2303317efc9a4ea7ec2e2df6f86569b734accf42"
   integrity sha512-scfHejeG/lVZSpvCXpsB4j/wQNPM5JC8kiElOI0OUTwmc1RTpXr4H32/HOlQHcZiYl2z2VElwuCVDRG8vFmbnA==
@@ -4567,7 +4608,7 @@ is-glob@^3.1.0:
   dependencies:
     is-extglob "^2.1.0"
 
-is-glob@^4.0.0:
+is-glob@^4.0.0, is-glob@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
   integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==
@@ -4727,7 +4768,7 @@ js-tokens@^3.0.2:
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
   integrity sha1-mGbfOVECEw449/mWvOtlRDIJwls=
 
-js-yaml@^3.13.0, js-yaml@^3.13.1, js-yaml@^3.9.1:
+js-yaml@^3.13.1, js-yaml@^3.9.1:
   version "3.13.1"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.1.tgz#aff151b30bfdfa8e49e05da22e7415e9dfa37847"
   integrity sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==
@@ -4983,6 +5024,11 @@ lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.12, lodash@^4.17.3, lodash@^4.17.
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.14.tgz#9ce487ae66c96254fe20b599f21b6816028078ba"
   integrity sha512-mmKYbW3GLuJeX+iGP+Y7Gp1AiGHGbXHCOh/jZmrawMmsE7MS4znI3RL2FsjbqOyMayHInjOeykW7PEajUk1/xw==
 
+lodash@^4.17.14, lodash@^4.2.0:
+  version "4.17.15"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
+  integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
+
 log-symbols@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-2.2.0.tgz#5740e1c5d6f0dfda4ad9323b5332107ef6b4c40a"
@@ -6389,24 +6435,12 @@ prepend-http@^2.0.0:
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
   integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
 
-prettier-linter-helpers@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
-  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
-  dependencies:
-    fast-diff "^1.1.2"
-
 prettier@1.16.3:
   version "1.16.3"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.16.3.tgz#8c62168453badef702f34b45b6ee899574a6a65d"
   integrity sha512-kn/GU6SMRYPxUakNXhpP0EedT/KmaPzr0H5lIsDogrykbaxOpOfAFfk5XA7DZrJyMAv1wlMV3CPcZruGXVVUZw==
 
-prettier@1.16.x:
-  version "1.16.4"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.16.4.tgz#73e37e73e018ad2db9c76742e2647e21790c9717"
-  integrity sha512-ZzWuos7TI5CKUeQAtFd6Zhm2s6EpAD/ZLApIhsF9pRvRtM1RFo61dM/4MSRUA0SuLugA/zgrZD8m0BaY46Og7g==
-
-prettier@^1.15.2:
+prettier@1.18.x:
   version "1.18.2"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.18.2.tgz#6823e7c5900017b4bd3acf46fe9ac4b4d7bda9ea"
   integrity sha512-OeHeMc0JhFE9idD4ZdtNibzY0+TPHSpSSb9h8FqtP+YnoZZ1sl8Vc9b1sasjfymH3SonAF4QcA2+mzHPhMvIiw==
@@ -7025,7 +7059,7 @@ selfsigned@^1.10.4:
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.0.tgz#790a7cf6fea5459bac96110b29b60412dc8ff96b"
   integrity sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==
 
-semver@^6.0.0, semver@^6.1.1:
+semver@^6.0.0, semver@^6.1.1, semver@^6.1.2:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.2.0.tgz#4d813d9590aaf8a9192693d6c85b9344de5901db"
   integrity sha512-jdFC1VdUGT/2Scgbimf7FSx9iJLXoqfglSF+gJeuNWVpiE37OIbc1jywR/GJyFdz3mnkz2/id0L0J/cr0izR5A==
@@ -7520,7 +7554,12 @@ strip-indent@^2.0.0:
   resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-2.0.0.tgz#5ef8db295d01e6ed6cbf7aab96998d7822527b68"
   integrity sha1-XvjbKV0B5u1sv3qrlpmNeCJSe2g=
 
-strip-json-comments@^2.0.1, strip-json-comments@~2.0.1:
+strip-json-comments@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.0.1.tgz#85713975a91fb87bf1b305cca77395e40d2a64a7"
+  integrity sha512-VTyMAUfdm047mwKl+u79WIdrZxtFtn+nBxHeb844XBQ9uMNTuTHdx2hc5RiAJYqwTj3wc/xe5HLSdJSkJ+WfZw==
+
+strip-json-comments@~2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
   integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
@@ -8007,6 +8046,11 @@ uuid@^3.0.1, uuid@^3.3.2:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.3.2.tgz#1b4af4955eb3077c501c23872fc6513811587131"
   integrity sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==
 
+v8-compile-cache@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.0.3.tgz#00f7494d2ae2b688cfe2899df6ed2c54bef91dbe"
+  integrity sha512-CNmdbwQMBjwr9Gsmohvm0pbL954tJrNzf6gWL3K+QMQf00PF7ERGrEiLgjuU3mKreLC2MeGhUsNV9ybTbLgd3w==
+
 validate-npm-package-license@^3.0.1:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
@@ -8051,10 +8095,10 @@ vue-eslint-parser@^2.0.3:
     esquery "^1.0.0"
     lodash "^4.17.4"
 
-vue-eslint-parser@^4.0.2:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-4.0.3.tgz#80cf162e484387b2640371ad21ba1f86e0c10a61"
-  integrity sha512-AUeQsYdO6+7QXCems+WvGlrXd37PHv/zcRQSQdY1xdOMwdFAPEnMBsv7zPvk0TPGulXkK/5p/ITgrjiYB7k3ag==
+vue-eslint-parser@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-5.0.0.tgz#00f4e4da94ec974b821a26ff0ed0f7a78402b8a1"
+  integrity sha512-JlHVZwBBTNVvzmifwjpZYn0oPWH2SgWv5dojlZBsrhablDu95VFD+hriB1rQGwbD+bms6g+rAFhQHk6+NyiS6g==
   dependencies:
     debug "^4.1.0"
     eslint-scope "^4.0.0"

From 1bd48bf38e38a414c83912bad557d7e94f659d45 Mon Sep 17 00:00:00 2001
From: leotabosa <leeonardotabosa@gmail.com>
Date: Tue, 23 Jul 2019 16:45:11 -0300
Subject: [PATCH 7/9] =?UTF-8?q?Corre=C3=A7=C3=A3o=20de=20erros=20acusados?=
 =?UTF-8?q?=20pelo=20lint?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue             |   4 +-
 src/components/List.vue |   4 +-
 src/main.js             |   9 ++-
 yarn.lock               | 132 +++++++++++++++++++++++-----------------
 4 files changed, 85 insertions(+), 64 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index aebd83b..868260c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -78,14 +78,14 @@ export default {
     doSort(event) {
       this.mainRepos.sort((a, b) => {
         var t = event.property
-        if (event.type == 'asc') {
+        if (event.type === 'asc') {
           if (a[t] > b[t]) {
             return -1
           } else {
             return 1
           }
         }
-        if (event.type == 'desc') {
+        if (event.type === 'desc') {
           if (a[t] > b[t]) {
             return 1
           } else {
diff --git a/src/components/List.vue b/src/components/List.vue
index 031145f..06a89be 100644
--- a/src/components/List.vue
+++ b/src/components/List.vue
@@ -6,8 +6,8 @@
         :repoName="repo.name"
         :repoStars="repo.stargazers_count"
         :repoURL="repo.html_url"
-        :repoLanguage="repo.language ? repo.language : ''"
-        :repoDescription="repo.description ? repo.description : ''"
+        :repoLanguage="repo.language"
+        :repoDescription="repo.description"
       >
       </Card>
     </div>
diff --git a/src/main.js b/src/main.js
index cce78ee..62d2f35 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,8 +1,7 @@
 import Vue from 'vue'
 import App from './App.vue'
 
-new Vue({
-  el: '#app',
-  render: h => h(App)
-});
-
+var vm = new Vue({
+  render: (h) => h(App),
+})
+vm.$mount('#app')
diff --git a/yarn.lock b/yarn.lock
index 50b7457..c3c7ee4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3082,6 +3082,11 @@ eslint-config-standard@^12.0.0:
   resolved "https://registry.yarnpkg.com/eslint-config-standard/-/eslint-config-standard-12.0.0.tgz#638b4c65db0bd5a41319f96bba1f15ddad2107d9"
   integrity sha512-COUz8FnXhqFitYj4DTqHzidjIL/t4mumGZto5c7DrBpvWoie+Sn3P4sLEzUGeYhRElWuFEf8K1S1EfvD1vixCQ==
 
+eslint-config-standard@^13.0.1:
+  version "13.0.1"
+  resolved "https://registry.yarnpkg.com/eslint-config-standard/-/eslint-config-standard-13.0.1.tgz#c9c6ffe0cfb8a51535bc5c7ec9f70eafb8c6b2c0"
+  integrity sha512-zLKp4QOgq6JFgRm1dDCVv1Iu0P5uZ4v5Wa4DTOkg2RFMxdCX/9Qf7lz9ezRj2dBRa955cWQF/O/LWEiYWAHbTw==
+
 eslint-import-resolver-node@^0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.2.tgz#58f15fb839b8d0576ca980413476aab2472db66a"
@@ -3109,7 +3114,7 @@ eslint-module-utils@^2.4.0:
     debug "^2.6.8"
     pkg-dir "^2.0.0"
 
-eslint-plugin-es@^1.3.1:
+eslint-plugin-es@^1.3.1, eslint-plugin-es@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-es/-/eslint-plugin-es-1.4.0.tgz#475f65bb20c993fc10e8c8fe77d1d60068072da6"
   integrity sha512-XfFmgFdIUDgvaRAlaXUkxrRg5JSADoRC8IkKLc/cISeR3yHVMefFHQZpcyXXEUUPHfy5DwviBcrfqlyqEwlQVw==
@@ -3117,7 +3122,7 @@ eslint-plugin-es@^1.3.1:
     eslint-utils "^1.3.0"
     regexpp "^2.0.1"
 
-eslint-plugin-import@^2.14.0:
+eslint-plugin-import@^2.14.0, eslint-plugin-import@^2.18.2:
   version "2.18.2"
   resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.18.2.tgz#02f1180b90b077b33d447a17a2326ceb400aceb6"
   integrity sha512-5ohpsHAiUBRNaBWAF08izwUGlbrJoJJ+W9/TBwsGoR1MnlgfwMIKrFeSjWbt6moabiXW9xNvtFz+97KHRfI4HQ==
@@ -3146,7 +3151,19 @@ eslint-plugin-node@^8.0.0:
     resolve "^1.8.1"
     semver "^5.5.0"
 
-eslint-plugin-promise@^4.0.1:
+eslint-plugin-node@^9.1.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-node/-/eslint-plugin-node-9.1.0.tgz#f2fd88509a31ec69db6e9606d76dabc5adc1b91a"
+  integrity sha512-ZwQYGm6EoV2cfLpE1wxJWsfnKUIXfM/KM09/TlorkukgCAwmkgajEJnPCmyzoFPQQkmvo5DrW/nyKutNIw36Mw==
+  dependencies:
+    eslint-plugin-es "^1.4.0"
+    eslint-utils "^1.3.1"
+    ignore "^5.1.1"
+    minimatch "^3.0.4"
+    resolve "^1.10.1"
+    semver "^6.1.0"
+
+eslint-plugin-promise@^4.0.1, eslint-plugin-promise@^4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-promise/-/eslint-plugin-promise-4.2.1.tgz#845fd8b2260ad8f82564c1222fce44ad71d9418a"
   integrity sha512-VoM09vT7bfA7D+upt+FjeBO5eHIJQBUWki1aPvB+vbNiHS3+oGIJGIeyBtKQTME6UPXXy3vV07OL1tHd3ANuDw==
@@ -3156,13 +3173,6 @@ eslint-plugin-standard@^4.0.0:
   resolved "https://registry.yarnpkg.com/eslint-plugin-standard/-/eslint-plugin-standard-4.0.0.tgz#f845b45109c99cd90e77796940a344546c8f6b5c"
   integrity sha512-OwxJkR6TQiYMmt1EsNRMe5qG3GsbjlcOhbGUBY4LtavF9DsLaTcoR+j2Tdjqi23oUwKNUqX7qcn5fPStafMdlA==
 
-eslint-plugin-vue@5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-5.2.2.tgz#86601823b7721b70bc92d54f1728cfc03b36283c"
-  integrity sha512-CtGWH7IB0DA6BZOwcV9w9q3Ri6Yuo8qMjx05SmOGJ6X6E0Yo3y9E/gQ5tuNxg2dEt30tRnBoFTbvtmW9iEoyHA==
-  dependencies:
-    vue-eslint-parser "^5.0.0"
-
 eslint-plugin-vue@^4.7.1:
   version "4.7.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-4.7.1.tgz#c829b9fc62582c1897b5a0b94afd44ecca511e63"
@@ -3170,6 +3180,13 @@ eslint-plugin-vue@^4.7.1:
   dependencies:
     vue-eslint-parser "^2.0.3"
 
+eslint-plugin-vue@^5.2.3:
+  version "5.2.3"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-5.2.3.tgz#3ee7597d823b5478804b2feba9863b1b74273961"
+  integrity sha512-mGwMqbbJf0+VvpGR5Lllq0PMxvTdrZ/ZPjmhkacrCHbubJeJOt+T6E3HUzAifa2Mxi7RSdJfC9HFpOeSYVMMIw==
+  dependencies:
+    vue-eslint-parser "^5.0.0"
+
 eslint-scope@3.7.1:
   version "3.7.1"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-3.7.1.tgz#3d63c3edfda02e06e01a452ad88caacc7cdcb6e8"
@@ -3214,49 +3231,6 @@ eslint-visitor-keys@^1.0.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#3f3180fb2e291017716acb4c9d6d5b5c34a6a81d"
   integrity sha512-qzm/XxIbxm/FHyH341ZrbnMUpe+5Bocte9xkmFMzPMjRaZMcXww+MpBptFvtU+79L362nqiLhekCxCxDPaUMBQ==
 
-eslint@6.1.x:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-6.1.0.tgz#06438a4a278b1d84fb107d24eaaa35471986e646"
-  integrity sha512-QhrbdRD7ofuV09IuE2ySWBz0FyXCq0rriLTZXZqaWSI79CVtHVRdkFuFTViiqzZhkCgfOh9USpriuGN2gIpZDQ==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    ajv "^6.10.0"
-    chalk "^2.1.0"
-    cross-spawn "^6.0.5"
-    debug "^4.0.1"
-    doctrine "^3.0.0"
-    eslint-scope "^5.0.0"
-    eslint-utils "^1.3.1"
-    eslint-visitor-keys "^1.0.0"
-    espree "^6.0.0"
-    esquery "^1.0.1"
-    esutils "^2.0.2"
-    file-entry-cache "^5.0.1"
-    functional-red-black-tree "^1.0.1"
-    glob-parent "^5.0.0"
-    globals "^11.7.0"
-    ignore "^4.0.6"
-    import-fresh "^3.0.0"
-    imurmurhash "^0.1.4"
-    inquirer "^6.4.1"
-    is-glob "^4.0.0"
-    js-yaml "^3.13.1"
-    json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.3.0"
-    lodash "^4.17.14"
-    minimatch "^3.0.4"
-    mkdirp "^0.5.1"
-    natural-compare "^1.4.0"
-    optionator "^0.8.2"
-    progress "^2.0.0"
-    regexpp "^2.0.1"
-    semver "^6.1.2"
-    strip-ansi "^5.2.0"
-    strip-json-comments "^3.0.1"
-    table "^5.2.3"
-    text-table "^0.2.0"
-    v8-compile-cache "^2.0.3"
-
 eslint@^4.19.1:
   version "4.19.1"
   resolved "https://registry.yarnpkg.com/eslint/-/eslint-4.19.1.tgz#32d1d653e1d90408854bfb296f076ec7e186a300"
@@ -3301,6 +3275,49 @@ eslint@^4.19.1:
     table "4.0.2"
     text-table "~0.2.0"
 
+eslint@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-6.1.0.tgz#06438a4a278b1d84fb107d24eaaa35471986e646"
+  integrity sha512-QhrbdRD7ofuV09IuE2ySWBz0FyXCq0rriLTZXZqaWSI79CVtHVRdkFuFTViiqzZhkCgfOh9USpriuGN2gIpZDQ==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    ajv "^6.10.0"
+    chalk "^2.1.0"
+    cross-spawn "^6.0.5"
+    debug "^4.0.1"
+    doctrine "^3.0.0"
+    eslint-scope "^5.0.0"
+    eslint-utils "^1.3.1"
+    eslint-visitor-keys "^1.0.0"
+    espree "^6.0.0"
+    esquery "^1.0.1"
+    esutils "^2.0.2"
+    file-entry-cache "^5.0.1"
+    functional-red-black-tree "^1.0.1"
+    glob-parent "^5.0.0"
+    globals "^11.7.0"
+    ignore "^4.0.6"
+    import-fresh "^3.0.0"
+    imurmurhash "^0.1.4"
+    inquirer "^6.4.1"
+    is-glob "^4.0.0"
+    js-yaml "^3.13.1"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.3.0"
+    lodash "^4.17.14"
+    minimatch "^3.0.4"
+    mkdirp "^0.5.1"
+    natural-compare "^1.4.0"
+    optionator "^0.8.2"
+    progress "^2.0.0"
+    regexpp "^2.0.1"
+    semver "^6.1.2"
+    strip-ansi "^5.2.0"
+    strip-json-comments "^3.0.1"
+    table "^5.2.3"
+    text-table "^0.2.0"
+    v8-compile-cache "^2.0.3"
+
 espree@^3.5.2, espree@^3.5.4:
   version "3.5.4"
   resolved "https://registry.yarnpkg.com/espree/-/espree-3.5.4.tgz#b0f447187c8a8bed944b815a660bddf5deb5d1a7"
@@ -4305,7 +4322,7 @@ ignore@^4.0.3, ignore@^4.0.6:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
   integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
 
-ignore@^5.0.2:
+ignore@^5.0.2, ignore@^5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.2.tgz#e28e584d43ad7e92f96995019cc43b9e1ac49558"
   integrity sha512-vdqWBp7MyzdmHkkRWV5nY+PfGRbYbahfuvsBCh277tq+w9zyNi7h5CYJCK0kmzti9kU+O/cB7sE8HvKv6aXAKQ==
@@ -6915,7 +6932,7 @@ resolve-url@^0.2.1:
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
   integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
 
-resolve@^1.10.0, resolve@^1.11.0, resolve@^1.3.2, resolve@^1.4.0, resolve@^1.5.0, resolve@^1.8.1:
+resolve@^1.10.0, resolve@^1.10.1, resolve@^1.11.0, resolve@^1.3.2, resolve@^1.4.0, resolve@^1.5.0, resolve@^1.8.1:
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.11.1.tgz#ea10d8110376982fef578df8fc30b9ac30a07a3e"
   integrity sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==
@@ -7064,6 +7081,11 @@ semver@^6.0.0, semver@^6.1.1, semver@^6.1.2:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.2.0.tgz#4d813d9590aaf8a9192693d6c85b9344de5901db"
   integrity sha512-jdFC1VdUGT/2Scgbimf7FSx9iJLXoqfglSF+gJeuNWVpiE37OIbc1jywR/GJyFdz3mnkz2/id0L0J/cr0izR5A==
 
+semver@^6.1.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
+  integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
+
 send@0.17.1:
   version "0.17.1"
   resolved "https://registry.yarnpkg.com/send/-/send-0.17.1.tgz#c1d8b059f7900f7466dd4938bdc44e11ddb376c8"

From 3bb0b6e069824f67616b1aec79d65d0bda045e1c Mon Sep 17 00:00:00 2001
From: leotabosa <leeonardotabosa@gmail.com>
Date: Wed, 24 Jul 2019 18:02:45 -0300
Subject: [PATCH 8/9] =?UTF-8?q?Corre=C3=A7=C3=B5es?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                | 30 ++++++++++++++-------
 src/components/Card.vue    | 16 +++++------
 src/components/Content.vue |  3 ++-
 src/components/Error.vue   | 40 +++++++++++++++++++++++++++
 src/components/Footer.vue  | 55 ++++++++++++++++++++------------------
 src/components/Header.vue  |  1 +
 src/components/List.vue    | 33 ++++++++++++++---------
 src/components/Loader.vue  |  3 ++-
 src/components/Order.vue   | 43 ++++++++++++++++++++++++++---
 src/components/Search.vue  | 11 +-------
 src/components/Toolbar.vue |  4 +--
 11 files changed, 166 insertions(+), 73 deletions(-)
 create mode 100644 src/components/Error.vue

diff --git a/src/App.vue b/src/App.vue
index 868260c..93c2489 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,8 @@
 <template>
   <div class="wrap">
-    <Header></Header>
-    <Loader v-if="loading"></Loader>
+    <Error v-if="error" :error-message="errorMessage" />
+    <Header />
+    <Loader v-if="loading" />
     <div class="container">
       <Content
         :repos="mainRepos"
@@ -10,7 +11,7 @@
       >
       </Content>
     </div>
-    <Footer class="footer"></Footer>
+    <Footer v-if="!error" />
   </div>
 </template>
 <script>
@@ -18,6 +19,7 @@ import Header from './components/Header.vue'
 import Loader from './components/Loader.vue'
 import Footer from './components/Footer.vue'
 import Content from './components/Content.vue'
+import Error from './components/Error.vue'
 import Axios from 'axios'
 const axios = Axios.create({
   baseURL: 'https://api.github.com/',
@@ -28,6 +30,7 @@ export default {
     Loader,
     Footer,
     Content,
+    Error,
   },
   data() {
     return {
@@ -35,6 +38,8 @@ export default {
       searchTerm: null,
       loading: true,
       sortPref: {},
+      error: false,
+      errorMessage: null,
     }
   },
   created() {
@@ -43,12 +48,17 @@ export default {
   methods: {
     // get e set iniciais
     getInitialRepos() {
-      return axios.get('search/repositories?q=org:microsoft')
+      return axios.get('search/repositories?q=org:microsoft').catch((err) => {
+        this.loading = false
+        this.error = true
+        this.errorMessage = err
+      })
     },
     async setInitialRepos() {
       const { data } = await this.getInitialRepos()
       this.mainRepos = data.items
       this.loading = false // loading inicia com valor true para essa linha fazer sentido
+      this.error = false
     },
     // get e set da busca (chamados pelo evento setSearchTerm do botão/input)
     setReposSearch(eventData) {
@@ -63,29 +73,31 @@ export default {
           this.loading = false
         })
         .catch((err) => {
-          console.err(err)
           this.loading = false
+          this.error = true
+          this.errorMessage = err
         })
     },
     searchResults(event) {
       this.loading = true
+      this.error = false
       if (event) {
         this.mainRepos = this.setReposSearch(event)
       } else {
         this.setInitialRepos()
       }
     },
-    doSort(event) {
+    doSort(eventData) {
       this.mainRepos.sort((a, b) => {
-        var t = event.property
-        if (event.type === 'asc') {
+        var t = eventData.property
+        if (eventData.type === 'Decrescente') {
           if (a[t] > b[t]) {
             return -1
           } else {
             return 1
           }
         }
-        if (event.type === 'desc') {
+        if (eventData.type === 'Crescente') {
           if (a[t] > b[t]) {
             return 1
           } else {
diff --git a/src/components/Card.vue b/src/components/Card.vue
index 444b697..cd0c770 100644
--- a/src/components/Card.vue
+++ b/src/components/Card.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="card">
     <div class="card-body">
-      <h5 class="card-title">{{ repoName }}</h5>
+      <h5 class="card-title" :title="repoName">{{ repoName }}</h5>
       <p class="card-text">
         <br /><b>Número de estrelas:</b> {{ repoStars }} <br />
         <b>Linguagem:</b> {{ repoLanguage }}
@@ -43,6 +43,8 @@ export default {
 .card {
   border-top: 1px solid black;
   border-bottom: 1px solid black;
+  margin-left: 10px;
+  margin-right: 10px;
 }
 .btn-dark {
   background: black;
@@ -53,16 +55,14 @@ export default {
   background: #3b4a54;
   transition: 0.4s;
 }
-.card-body:hover {
-  box-shadow: 8px 6px 1px #3b4a54;
-  transition: 0.7s;
-}
-.card-body:not(hover) {
-  transition: 0.7s;
-}
 .description {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.card-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 </style>
diff --git a/src/components/Content.vue b/src/components/Content.vue
index 4c99cbe..2ff7a41 100644
--- a/src/components/Content.vue
+++ b/src/components/Content.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="content column">
     <Toolbar
       @searchTermSetting="sendMiddleSearchTerm($event)"
       @sortSetting="sendMiddleSortData($event)"
@@ -34,3 +34,4 @@ export default {
   },
 }
 </script>
+<style scoped></style>
diff --git a/src/components/Error.vue b/src/components/Error.vue
new file mode 100644
index 0000000..17611de
--- /dev/null
+++ b/src/components/Error.vue
@@ -0,0 +1,40 @@
+<template>
+  <div class="error-wrap">
+    <h2 class="error-message">{{ errorMessage }}</h2>
+    <a href="https://developer.mozilla.org/pt-BR/docs/Web/HTTP/Status/403"
+      ><p class="error-link">Clique para mais informações do erro</p>
+    </a>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    errorMessage: {
+      type: Error,
+      default: () => '',
+      required: true,
+    },
+  },
+}
+</script>
+
+<style scoped>
+.error-wrap {
+  position: absolute;
+  height: 100vh;
+  width: 100%;
+  z-index: 1;
+  background-color: white;
+}
+.error-message {
+  margin-top: 30px;
+  margin-left: 30px;
+  color: red;
+}
+.error-link {
+  margin-left: 30px;
+  color: black;
+  font-size: 18px;
+}
+</style>
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 2eba550..b0681f8 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -1,31 +1,34 @@
 <template>
-    <div class="footer-wrap">
-        <a href="" class="footer-link"><h6 class="footer-text-1">Repositórios da Microsoft</h6></a>   
-    </div>
+  <div class="footer-wrap">
+    <a href="" class="footer-link"
+      ><h6 class="footer-text-1">Repositórios da Microsoft</h6></a
+    >
+  </div>
 </template>
 
 <style scoped>
-    .footer-wrap{
-        height: 5vh;
-        background-color: black;
-        border-top: 3px solid green;
-        text-align:center;
-        margin-top: 3vh;
-        bottom:0;
-        position:fixed;
-        width:100vw;
-    }
-    .footer-text-1{
-        padding-top: 6px;
-        color:#45f792;
-        text-align:center;
-        transition:0.2s;
-    }
-    .footer-text-1:hover{
-        color: white;
-        transition:0.2s;
-    }
-    .footer-link:hover{
-        text-decoration: none;
-    }
+.footer-wrap {
+  height: 5vh;
+  background-color: black;
+  border-top: 3px solid green;
+  text-align: center;
+  margin-top: 3vh;
+  bottom: 0;
+  position: fixed;
+  width: 100vw;
+  z-index: 1;
+}
+.footer-text-1 {
+  padding-top: 6px;
+  color: #45f792;
+  text-align: center;
+  transition: 0.2s;
+}
+.footer-text-1:hover {
+  color: white;
+  transition: 0.2s;
+}
+.footer-link:hover {
+  text-decoration: none;
+}
 </style>
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 2a7c8a0..43f87c7 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -16,6 +16,7 @@
 nav {
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
+  border-bottom: 3px solid green;
 }
 .bg-custom {
   background-color: black;
diff --git a/src/components/List.vue b/src/components/List.vue
index 06a89be..2fa000e 100644
--- a/src/components/List.vue
+++ b/src/components/List.vue
@@ -1,16 +1,16 @@
 <template>
-  <div class="row">
-    <div v-for="repo in repos" :key="repo.id" class="cards-list col-sm-4">
-      <Card
-        class="cards"
-        :repoName="repo.name"
-        :repoStars="repo.stargazers_count"
-        :repoURL="repo.html_url"
-        :repoLanguage="repo.language"
-        :repoDescription="repo.description"
-      >
-      </Card>
-    </div>
+  <div class="grid">
+    <Card
+      v-for="repo in repos"
+      :key="repo.id"
+      class="cards"
+      :repo-name="repo.name"
+      :repo-stars="repo.stargazers_count"
+      :repo-u-r-l="repo.html_url"
+      :repo-language="repo.language"
+      :repo-description="repo.description"
+    >
+    </Card>
   </div>
 </template>
 <script>
@@ -31,8 +31,15 @@ export default {
 <style scoped>
 .cards {
   margin-top: 20px;
+  transition: 0.7s;
 }
-.row {
+.grid {
   margin-bottom: 8vh;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, 33%);
+}
+.cards:hover {
+  box-shadow: 8px 6px 1px #3b4a54;
+  transition: 0.7s;
 }
 </style>
diff --git a/src/components/Loader.vue b/src/components/Loader.vue
index 20d1b7d..b58fa73 100644
--- a/src/components/Loader.vue
+++ b/src/components/Loader.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="wrap">
-    <div class="loader"></div>
+    <div class="loader" />
   </div>
 </template>
 
@@ -11,6 +11,7 @@
   width: 100%;
   z-index: 1;
   background-image: linear-gradient(#45f792, #ffffff);
+  opacity: 0.7;
 }
 .loader {
   position: fixed;
diff --git a/src/components/Order.vue b/src/components/Order.vue
index 88d84ae..cc042bb 100644
--- a/src/components/Order.vue
+++ b/src/components/Order.vue
@@ -5,6 +5,22 @@
       class="btn btn-dark btn-order"
       @click="sort('stargazers_count')"
       >Estrelas
+      <span
+        v-if="
+          sortPref.property === 'stargazers_count' &&
+            sortPref.type === 'Crescente'
+        "
+        class="star-indicator"
+        >&#x2191;</span
+      >
+      <span
+        v-if="
+          sortPref.property === 'stargazers_count' &&
+            sortPref.type === 'Decrescente'
+        "
+        class="star-indicator"
+        >&#x2193;</span
+      >
     </button>
     <button
       type="button"
@@ -12,6 +28,20 @@
       style="border-radius:2px"
       @click="sort('language')"
       >Linguagem
+      <span
+        v-if="sortPref.property === 'language' && sortPref.type === 'Crescente'"
+        class="language-indicator"
+      >
+        &#x2191;
+      </span>
+      <span
+        v-if="
+          sortPref.property === 'language' && sortPref.type === 'Decrescente'
+        "
+        class="language-indicator"
+      >
+        &#x2193;
+      </span>
     </button>
   </div>
 </template>
@@ -22,7 +52,7 @@ export default {
     return {
       sortPref: {
         property: 'stargazers_count',
-        type: 'asc',
+        type: 'Decrescente',
       },
     }
   },
@@ -30,10 +60,11 @@ export default {
     // verificações da função de ordenação
     sort(prop) {
       if (this.sortPref.property === prop) {
-        this.sortPref.type = this.sortPref.type === 'asc' ? 'desc' : 'asc'
+        this.sortPref.type =
+          this.sortPref.type === 'Crescente' ? 'Decrescente' : 'Crescente'
       } else {
         this.sortPref.property = prop
-        this.sortPref.type = 'desc'
+        this.sortPref.type = 'Crescente'
       }
       this.$emit('sortDataSet', this.sortPref)
     },
@@ -57,4 +88,10 @@ export default {
   background: #3b4a54;
   transition: 0.4s;
 }
+.star-indicator {
+  display: inline;
+}
+.language-indicator {
+  display: inline;
+}
 </style>
diff --git a/src/components/Search.vue b/src/components/Search.vue
index 8394233..a3cc585 100644
--- a/src/components/Search.vue
+++ b/src/components/Search.vue
@@ -32,21 +32,12 @@ export default {
 .form-control:focus {
   border-radius: 50px;
   transition: 0.8s;
+  border: 1px solid green;
 }
 .form-control:not(:focus) {
   border-radius: 0px;
   transition: 0.4s;
 }
-.btn-dark {
-  background: black;
-  transition: 0.4s;
-  border-top-right-radius: 20px;
-  border-bottom-right-radius: 20px;
-}
-.btn-dark:hover {
-  background: #3b4a54;
-  transition: 0.4s;
-}
 .form-inline {
   padding-left: 10px;
   margin-right: auto;
diff --git a/src/components/Toolbar.vue b/src/components/Toolbar.vue
index fb35589..f8499a1 100644
--- a/src/components/Toolbar.vue
+++ b/src/components/Toolbar.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="row">
-    <Order @sortDataSet="sortTrigger($event)"> </Order>
-    <Search @searchTermSet="searchTrigger($event)"></Search>
+    <Order @sortDataSet="sortTrigger($event)" />
+    <Search @searchTermSet="searchTrigger($event)" />
   </div>
 </template>
 <script>

From af54739131c2eb4574be5dc3cb0e59eba5407ee9 Mon Sep 17 00:00:00 2001
From: leotabosa <leeonardotabosa@gmail.com>
Date: Wed, 24 Jul 2019 19:30:14 -0300
Subject: [PATCH 9/9] =?UTF-8?q?Melhora=20da=20barra=20de=20ordena=C3=A7?=
 =?UTF-8?q?=C3=A3o=20e=20busca,=20responsividade=20e=20teste=20de=20anima?=
 =?UTF-8?q?=C3=A7=C3=A3o=20indicando=20a=20ordena=C3=A7=C3=A3o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Header.vue         | 34 ++++++++++++--
 src/components/List.vue           | 25 ++++++++---
 src/components/Order.vue          | 28 ++++++++++++
 src/components/OrderIndicator.vue | 74 +++++++++++++++++++++++++++++++
 src/components/Search.vue         |  5 +++
 5 files changed, 158 insertions(+), 8 deletions(-)
 create mode 100644 src/components/OrderIndicator.vue

diff --git a/src/components/Header.vue b/src/components/Header.vue
index 43f87c7..e1d2851 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,11 +1,20 @@
 <template>
   <div>
     <nav class="navbar navbar-dark bg-custom">
-      <a class="navbar-brand" href="">Voltar à página inicial</a>
-      <a class="navbar-brand" href="" style="color:white; font-size:22px;"
+      <a id="navbar-brand-1" class="navbar-brand" href=""
+        >Voltar à página inicial</a
+      >
+      <a
+        id="navbar-title"
+        class="navbar-brand"
+        href=""
+        style="color:white; font-size:22px;"
         >Repositórios da Microsoft</a
       >
-      <a class="navbar-brand" href="https://github.com/Microsoft"
+      <a
+        id="navbar-brand-2"
+        class="navbar-brand"
+        href="https://github.com/Microsoft"
         >GitHub da Microsoft</a
       >
     </nav>
@@ -32,4 +41,23 @@ nav {
   font-size: 20px;
   transition: 0.3s;
 }
+
+@media screen and (max-width: 767px) {
+  #navbar-brand-1 {
+    visibility: hidden;
+  }
+  #navbar-brand-2 {
+    visibility: hidden;
+  }
+  #navbar-title {
+    position: absolute;
+    z-index: 1;
+    top: 10px;
+    text-align: center;
+    width: 94%;
+  }
+  .navbar {
+    height: 60px;
+  }
+}
 </style>
diff --git a/src/components/List.vue b/src/components/List.vue
index 2fa000e..b33a3f1 100644
--- a/src/components/List.vue
+++ b/src/components/List.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="grid">
+  <div class="list">
     <Card
       v-for="repo in repos"
       :key="repo.id"
@@ -33,10 +33,25 @@ export default {
   margin-top: 20px;
   transition: 0.7s;
 }
-.grid {
-  margin-bottom: 8vh;
-  display: grid;
-  grid-template-columns: repeat(auto-fit, 33%);
+@media screen and (max-width: 768px) {
+  .list {
+    margin-bottom: 8vh;
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .cards {
+    width: 100%;
+  }
+}
+@media screen and (min-width: 1280px) {
+  .list {
+    margin-bottom: 8vh;
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .cards {
+    width: 31.5%;
+  }
 }
 .cards:hover {
   box-shadow: 8px 6px 1px #3b4a54;
diff --git a/src/components/Order.vue b/src/components/Order.vue
index cc042bb..7248d3b 100644
--- a/src/components/Order.vue
+++ b/src/components/Order.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="btn-group" role="group">
     <button
+      id="order-button-1"
       type="button"
       class="btn btn-dark btn-order"
       @click="sort('stargazers_count')"
@@ -23,6 +24,7 @@
       >
     </button>
     <button
+      id="order-button-2"
       type="button"
       class="btn btn-dark btn-order"
       style="border-radius:2px"
@@ -43,22 +45,34 @@
         &#x2193;
       </span>
     </button>
+    <OrderIndicator
+      v-if="indicator"
+      :indicator="sortPref.type"
+    ></OrderIndicator>
   </div>
 </template>
 
 <script>
+import OrderIndicator from './OrderIndicator.vue'
 export default {
+  components: {
+    OrderIndicator,
+  },
   data() {
     return {
       sortPref: {
         property: 'stargazers_count',
         type: 'Decrescente',
       },
+      indicator: false,
     }
   },
   methods: {
     // verificações da função de ordenação
     sort(prop) {
+      document.getElementById('order-button-1').disabled = true
+      document.getElementById('order-button-2').disabled = true
+      this.indicator = true
       if (this.sortPref.property === prop) {
         this.sortPref.type =
           this.sortPref.type === 'Crescente' ? 'Decrescente' : 'Crescente'
@@ -67,6 +81,12 @@ export default {
         this.sortPref.type = 'Crescente'
       }
       this.$emit('sortDataSet', this.sortPref)
+      setTimeout(this.indicatorFalse, 1200)
+    },
+    indicatorFalse() {
+      document.getElementById('order-button-1').disabled = false
+      document.getElementById('order-button-2').disabled = false
+      this.indicator = false
     },
   },
 }
@@ -94,4 +114,12 @@ export default {
 .language-indicator {
   display: inline;
 }
+@media screen and (max-width: 768px) {
+  .btn-group {
+    margin-left: 0;
+  }
+  .btn-group button {
+    width: 30.5vw;
+  }
+}
 </style>
diff --git a/src/components/OrderIndicator.vue b/src/components/OrderIndicator.vue
new file mode 100644
index 0000000..9ac7d51
--- /dev/null
+++ b/src/components/OrderIndicator.vue
@@ -0,0 +1,74 @@
+<template
+  ><span class="popup"
+    ><p class="popup-text">{{ indicator }}</p
+    ><p></p
+  ></span>
+</template>
+<script>
+export default {
+  props: {
+    indicator: {
+      type: String,
+      required: true,
+      default: () => '',
+    },
+  },
+}
+</script>
+<style scoped>
+.popup {
+  text-align: center;
+  position: fixed;
+  width: 120px;
+  height: 40px;
+  left: calc(25% - 60px);
+  border: 2px solid white;
+  border-radius: 20px;
+  background-color: black;
+  z-index: 1;
+  animation: show 1.8s;
+  opacity: 0;
+}
+@keyframes show {
+  0% {
+    opacity: 0;
+    width: 0px;
+    border-radius: 30px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  50% {
+    opacity: 0.6;
+    width: 120px;
+    border-radius: 30px;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+.popup-text {
+  padding-top: 5px;
+  color: white;
+}
+@media screen and (max-width: 768px) {
+  .popup {
+    visibility: hidden;
+  }
+}
+@media screen and (max-width: 1024px) {
+  .popup {
+    text-align: center;
+    position: fixed;
+    width: 120px;
+    height: 40px;
+    left: calc(20% - 60px);
+    border: 2px solid white;
+    border-radius: 20px;
+    background-color: black;
+    z-index: 1;
+    animation: show 1.5s ease-in-out;
+    opacity: 0;
+  }
+}
+</style>
diff --git a/src/components/Search.vue b/src/components/Search.vue
index a3cc585..597a411 100644
--- a/src/components/Search.vue
+++ b/src/components/Search.vue
@@ -42,4 +42,9 @@ export default {
   padding-left: 10px;
   margin-right: auto;
 }
+@media screen and (max-width: 768px) {
+  .form-inline {
+    width: 26.8vw;
+  }
+}
 </style>