Fix bug caused by using dom/selector in inline scripts, which breaks …

…TwitchLiveBox component

src/components/TwitchLiveBox.astro

@@ -40,22 +40,20 @@ const { streamer = "ibai" } = Astro.props
 </div>
 
 <script is:inline>
-	import { $ } from "@/lib/dom-selector"
-
 	const CONFIG = {
 		MIDU_API_UPTIME_WORKER: "https://midudev-apis.midudev.workers.dev/uptime",
 		VELADA_DATE: "2024-07-13 19:00:00 GMT+0100",
 		TWITCH_PLAYER_URL: "https://player.twitch.tv",
 	}
-	const streamer = $("#streamer").value
+	const streamer = document.querySelector("#streamer").value
 	const isVeladaTime = new Date().getTime() >= new Date(CONFIG.VELADA_DATE).getTime()
 	if (isVeladaTime) {
 		fetch(`${CONFIG.MIDU_API_UPTIME_WORKER}/${streamer}`)
 			.then((res) => res.json())
 			.then(({ online }) => {
 				if (online) {
-					$("#live").style.display = "block"
-					$("#live-frame").innerHTML =
+					document.querySelector("#live").style.display = "block"
+					document.querySelector("#live-frame").innerHTML =
 						`<iframe src="${CONFIG.TWITCH_PLAYER_URL}/?channel=${streamer}&parent=${document.location.hostname}" frameborder="0" width="380" height="200" allowfullscreen="true" scrolling="no"></iframe>`
 				}
 			})
@@ -64,9 +62,9 @@ const { streamer = "ibai" } = Astro.props
 			})
 	}
 
-	const closeButton = $("#live-close")
+	const closeButton = document.querySelector("#live-close")
 	closeButton?.addEventListener("click", () => {
-		$("#live").style.display = "none"
-		$("#live").innerHTML = ""
+		document.querySelector("#live").style.display = "none"
+		document.querySelector("#live").innerHTML = ""
 	})
 </script>