import { useEffect, useState } from "react";

export default function Home() {
  const [players, setPlayers] = useState([]);

  useEffect(() => {
    fetch("/api/live")
      .then(res => res.json())
      .then(setPlayers);
  }, []);

  return (
    <main style={{ padding: 20 }}>
      <h1>フォトナ競技勢 配信状況</h1>

      {players.map(p => (
        <div key={p.name}>
          {p.live ? "🟢" : "🔴"} {p.name}
        </div>
      ))}
    </main>
  );
}


<script defer data-domain="html.cafe" src="https://milkymouse.com/js/script.js"></script>