<style>
h1 { font-weight: bold; }
</style>
<script>
import { props } from '@ossph/temple';
const { name } = props();
</script>
<h1>Hello {name}!!</h1>
import { props } from '@ossph/temple';
export default class Hello extends TempleComponent {
styles() {
return 'h1 { font-weight: bold; }';
}
template() {
const { name } = props();
return () => [
TempleRegistry.createElement('h1', null, `Hello ${name}`)
]
}
}
