refactor: only render resultlist on match; not by default

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:{