fix: logic to display any items on empty search

src/.vuepress/components/SearchPage.vue

@@ -11,7 +11,6 @@
       class="loading-wrapper py-10"
       >
       <v-progress-circular
-        v-if="loading"
         color="primary"
         size="50"
         indeterminate
@@ -78,12 +77,16 @@ export default {
     onSearchInput(query) {
       this.query = query;
       this.page = 1;
+
       this.search(this.query, 0, this.size)
     },
     async search(value, from, size) {
-      this.loading = false;
-
       try {
+        this.items = [];
+        this.total = 0;
+
+        this.loading = true;
+
         const searchResponse = await apiService.search(value, from, size);
         const items = searchResponse.hits?.hits;
 
@@ -92,9 +95,10 @@ export default {
           this.items = items.map(x => ({ ...x, searchTerm: value }));
         }
       } catch(error) {
-        // console.log(error.message);
+          this.items = [];
+          this.total = 0;
       } finally {
-        this.loading = true;
+        this.loading = false;
       }
     },
     scrollUp() {