From b55e388083b8c3a1f5e8af89c6fcc185811d9751 Mon Sep 17 00:00:00 2001
From: viko16 <16viko@gmail.com>
Date: Sun, 3 Feb 2019 11:25:12 +0800
Subject: [PATCH] feat: add empty view

---
 components/Home.vue | 11 ++++++++++-
 styles/index.styl   |  4 ++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/components/Home.vue b/components/Home.vue
index f07c15b..e2bce85 100644
--- a/components/Home.vue
+++ b/components/Home.vue
@@ -1,6 +1,15 @@
 <template>
   <div class="list-view">
-    <ol class="list">
+    <div
+      v-if="filteredList.length === 0"
+      class="empty-list"
+    >
+      Ooops! Nothing here..🙈
+    </div>
+    <ol
+      v-else
+      class="list"
+    >
       <li
         v-for="page of filteredList"
         :key="page.key"
diff --git a/styles/index.styl b/styles/index.styl
index 518a534..eed1f5e 100644
--- a/styles/index.styl
+++ b/styles/index.styl
@@ -105,6 +105,10 @@ a
     padding 0
     list-style none
 
+.empty-list
+  height 100px
+  text-align center
+
 .list-item
   position relative
   margin-bottom 50px