Only show No results when not loading

src/components/ResultsList.vue

@@ -12,7 +12,7 @@
       />
     </ul>
 
-    <span v-else class="no-results">No results found</span>
+    <span v-else-if="!loading" class="no-results">No results found</span>
   </div>
 </template>
 
@@ -30,6 +30,11 @@ export default {
       type: Boolean,
       required: false,
       default: false
+    },
+    loading: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   }
 };

src/components/ResultsSection.vue

@@ -11,7 +11,7 @@
       >
     </div>
 
-    <results-list v-bind="{ results, shortList }" />
+    <results-list v-bind="{ results, shortList, loading }" />
     <loader v-if="loading" />
 
     <div ref="loadMoreButton" class="button-container">