Add message when search returns no results

diff --git a/script.js b/script.js
index d394f543889bb968ac68fd449e766dc6c1e0ba2e..bf0f897939af00d3f22d93c4c2096b2b48108fa1 100644 (file)
--- a/script.js
+++ b/script.js
@@ -59,6 +59,12 @@ function buildHomeComponent(metadata) {
   const home = document.createElement('main');
   home.classList.add('card-container');
 
+  if (metadata.size === 0) {
+    home.insertAdjacentHTML('beforeend', 
+      `<p>No results found.</p>`);
+    return home;
+  }
+
   for (const [path, post] of metadata) {
     const subtitle = post.createdDate.toISOString() === post.updatedDate.toISOString() ?
       `<time datetime="${post.createdDate.toISOString()}">${post.createdDate.toLocaleDateString()}</time>` :