Skip to content

Instantly share code, notes, and snippets.

@yusukebe
Created November 27, 2023 02:10
Show Gist options
  • Save yusukebe/bc51d5aa7483920e434bd0ece2d3b914 to your computer and use it in GitHub Desktop.
Save yusukebe/bc51d5aa7483920e434bd0ece2d3b914 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Hello</title>
<script src="https://cdn.tailwindcss.com"></script>
<script type="importmap">
{
"imports": {
"@jsxImportSource": "https://esm.sh/hono/jsx"
}
}
</script>
<script type="module" src="https://esm.sh/run"></script>
</head>
<body>
<script type="text/babel">
function App() {
return <h1 class="text-3xl font-bold p-4">Hello, World!</h1>
}
document.getElementById('root').innerHTML = <App />
</script>
<div id="root"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment