example: add HelloWorld component

example/app.js

@@ -1,5 +1,5 @@
-import { one, createStore, html } from '../dist/one'
-import { TodoList, Counter } from './components'
+import { createStore, html, one } from '../dist/one'
+import { Counter, HelloWorld, TodoList } from './components'
 
 createStore(function () {
   return {
@@ -9,9 +9,10 @@ createStore(function () {
 
 one({
   name: 'app',
-  components: [TodoList, Counter],
+  components: [TodoList, Counter, HelloWorld],
   template: html`
     <div>
+      <hello-world></hello-world>
       <todo-list></todo-list>
       <counter></counter>
     </div>

example/components/hello-world/HelloWorld.js

@@ -0,0 +1,8 @@
+import { html } from '../../../lib/one';
+
+const HelloWorld = {
+  name: 'hello-world',
+  template: html`<h1>Hello World</h1>`,
+}
+
+export { HelloWorld }

example/components/hello-world/index.js

@@ -0,0 +1,3 @@
+import { HelloWorld } from './HelloWorld'
+
+export { HelloWorld }

example/components/index.js

@@ -1,7 +1,9 @@
 import { Counter } from './counter'
 import { TodoList } from './todo'
+import { HelloWorld } from './hello-world'
 
 export {
   Counter,
   TodoList,
+  HelloWorld,
 }