diff --git a/src/.vuepress/components/SearchPage.vue b/src/.vuepress/components/SearchPage.vue
index d17334afd00e24f8ec6235d5179c229acfb4216b..9ff5290f98f347a390af49582e76ae3a528c2ba5 100644
--- a/src/.vuepress/components/SearchPage.vue
+++ b/src/.vuepress/components/SearchPage.vue
@@ -9,7 +9,11 @@
       {{ total }} {{ total === 1 ? 'Result' : 'Results' }}
     </p>
 
-    <SearchResultList :query="query" :items="items" />
+    <SearchResultList
+      v-if="total > 0 && query"
+      :items="items"
+      :query="query"
+    />
 
     <div
       class="text-center"
@@ -37,11 +41,11 @@ export default {
   },
   data() {
     return {
-      query: '',
       items: [],
+      page: 1,
+      query: '',
       size: 20,
       total: 0,
-      page: 1,
     }
   },
   watch:{