Cacher is the code snippet organizer for pro developers

每一个文件是一个组件 view(component):

Header.vico:

<template>
  <img src="../temp.jpg"/>
  <h2 onClick="handleClick">Hi, I'm {how}</h2>
</template>

<script>
  const how = 'Cool'
  on.handleClick = () => {
    console.log('hi')
  }
</script>

compile to =>

// TODO

Compile:

vico Header {
  const how = 'fine'
  <div class="fun" onClick="handleClick">I'm { how }</div>
  
  handleClick = (e) => {
    console.log(e.currentTarget)
  }
}

To React:

class Header extends Component {
  handleClick (e) {
    console.log(e.currentTarget)
  },
  render () {
    const how = 'fine'
    return <div class="fun" onClick="handleClick">I'm { how }</div>
  }
}