Adiciona loading na listagem. Issue #19

devpro-br · Oct 11, 2021 · df8f755 · df8f755 · vercel · Oct 11, 2021
1 parent 06e1c0a
commit df8f755
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/pages/news/Home.vue b/src/pages/news/Home.vue
@@ -1,6 +1,12 @@
 <template>
   <v-container>
     <h1>Lista de notícias</h1>
+    <v-progress-linear
+      v-if="loading"
+      indeterminate
+      size="6"
+      color="yellow darken-2"
+    ></v-progress-linear>
     <news-list :news="news" />
   </v-container>
 </template>
@@ -11,11 +17,13 @@ import NewsList from '@/components/NewsList'
 
 export default {
   data: () => ({
+    loading: true,
     news: [],
   }),
   created() {
     ApiNews.list().then((data) => {
       this.news = data
+      this.loading = false
     })
   },
   components: {