extends ../../_layout
block assets
  //- load assets (order is not important)
  link(rel="asset" source="template.html" type="text/html" asset="template")
  link(rel="asset" source="collection.json" type="text/json" asset="collection" schema="schema" name="collection")
  link(rel="asset" source="schema.json" type="text/json" asset="schema" name="schema")
  style.
    component{margin-bottom: 1em; }

block content
  //- use the new component (when template and collection are ready)
  component(template="template" collection="collection:[0]")
  
  
  script.
    $(function(){
      $('body')
      .on('change','component', function(event, change, data, collection){
      })
    })