refactor: wrap request logic into try-catch-block

src/.vuepress/components/SearchPage.vue

@@ -81,23 +81,20 @@ export default {
       this.search(this.query, 0, this.size)
     },
     async search(value, from, size) {
-      let searchResponse;
+      this.loading = false;
 
       try {
-        searchResponse = await apiService.search(value, from, size);
-      } catch(error) {
-        // handle error here ...
-      } finally {
-        this.loading = true;
-      }
+        const searchResponse = await apiService.search(value, from, size);
+        const items = searchResponse.hits?.hits;
 
-      if (searchResponse) {
-          this.loading = false;
-          const items = searchResponse.hits?.hits;
         if (items) {
-          this.total = searchResponse.hits?.total.value || 0;
+          this.total = searchResponse.hits?.total?.value || 0;
           this.items = items.map(x => ({ ...x, searchTerm: value }));
         }
+      } catch(error) {
+        console.log(error.message);
+      } finally {
+        this.loading = true;
       }
     },
     scrollUp() {