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


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

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