/**
 * Example of tool
 * - has the `template` instead of `render()`
 * - provides data structure via `get data()`
 * - no manipulations with DOM, just changing a data
 */
export default class Plugin { 
    constructor(){
    }

    get template(){
        return `
            <div>
                <p>My name is {{ name }}</p>
                
                <div contenteditable bind="caption"></div>

                <div>And the caption is: {{ caption }}</div> 
            </div>
        `
    }

    get data(){
        return {
            name: 'Jerom',
            family: 'Kawasaki',
            caption: 'Apple Developers Program'
        }
    }
}