<!doctype html>
<html>
<head>
<link rel="stylesheet" href="lib/style.css">
<script type="text/javascript" src="https://unpkg.com/riot@4/riot+compiler.min.js"></script>
<script src="lib/script.js"></script>
</head>
<body>
<app></app>
<script src="app.riot.html" type="riot"></script>
<script>
riot
.compile()
.then(() => {
riot.mount('app', {
title: 'Hello Riot.js!'
})
})
</script>
</body>
</html>
app .app-header {
padding: 10px;
margin-bottom: 20px;
border-bottom: 2px solid #999;
}
app .logo {
height: 36px;
margin-bottom: 5px;
}
// Add your code here
<app>
<div class="app-header">
<img src="https://riot.js.org/img/logo/riot-logo.svg" class="logo">
</div>
<h1>{ props.title }</h1>
</app>