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="comments.data.json" type="text/json" name="comments" asset="collection" schema="comments")
  link(rel="asset" source="user.schema.json" type="text/json" name="users" asset="schema")
  link(rel="asset" source="comments.schema.json" type="text/json" name="comments" asset="schema")
    
  link(rel="asset" source="train.json" type="text/json" name="train" asset="collection" schema="users")
  style.
    component{margin-bottom: 1em; }
    component::shadow i.icon-location{color: red;}
    component::shadow i.icon-user{color: green;}

block content
  //- use the new component (when template and collection are ready)
  component(template="comment" collection="comments:[0]")
  
  
  script.
    $('body')