From 42646457eba9d2f6f01fe69e897273bfd39e0aa4 Mon Sep 17 00:00:00 2001
From: nzambello <nzambello@protonmail.com>
Date: Thu, 7 Sep 2023 23:33:38 +0200
Subject: [PATCH] fix: generating random greeting at every page load

---
 src/components/Greeting.astro | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/Greeting.astro b/src/components/Greeting.astro
index 60485ff..77f7f27 100644
--- a/src/components/Greeting.astro
+++ b/src/components/Greeting.astro
@@ -9,6 +9,17 @@ const randomEmoji = emojis[Math.floor(Math.random() * emojis.length)];
   {randomMessage}!
   <span role="presentation">{randomEmoji}</span>
 </h1>
+<script is:inline>
+const messages = ['Hi', 'Hello', 'Hey', 'Welcome', 'Ciao', 'Xin chào'];
+const emojis = ['🍻', '🧑‍💻', '👋', '😎'];
+const randomMessage = messages[Math.floor(Math.random() * messages.length)];
+const randomEmoji = emojis[Math.floor(Math.random() * emojis.length)];
+
+document.querySelector('.documentFirstHeading').innerHTML = `
+    ${randomMessage}!
+    <span role="presentation">${randomEmoji}</span>
+  `;
+</script>
 <style>
   h1.documentFirstHeading {
     margin-bottom: 0.5rem;