   destroyed: ->
     console.log 'on destroyed'
   components:
-    hoge:
-      data: ->
-        message: 'hoge'
-      template: '<p v-text="message"></p>'
+    'cv-hex-color':
+      props: ['color']
+      template: '''
+        <div
+          class="hex-color"
+          v-text="color"
+          >
+        </div>
+      '''
   inherit: false # default: false
   events:
     'hook:created': ->

      <h1 v-text="title"></h1>
      <p v-text="message"></p>
      {{message}}
      <hoge></hoge>
    </div>
  '''
  replace: true # default: true


app = new Vue
  data: ->
    color: '#ff0000'
    count: 3
    title: 'color-vue!'
  # TODO: props:
