mbroadst

<template>
  <require from="my-list"></require>
  <require from="my-list-element"></require>

  <my-list>
    <my-list-element>one</my-list-element>
    <my-list-element>two</my-list-element>
    <my-list-element>three</my-list-element>
  </my-list>
</template>

mbroadst

import {ValidationError} from 'aurelia-validation';

export class AjvValidator {
  cache = new Map;
  ajv = new Ajv({ v5: true, allErrors: true, format: 'full' });

  validateObject(object) {
    this.parseSchema(object);
    let schemaId = this._schemaId(object);
    if (!this.cache.has(schemaId)) {

mbroadst

<template>
  <require from="./registration-form"></require>
  
  <registration-form></registration-form>
</template>

mbroadst

<template>
  <require from="./grid"></require>
  <require from="./column"></require>

  <grid>
    <column header="blah"></column>
    <column header="test"></column>
    <column header="thing"></column>
    <column header="balloons"></column>
  </grid>

mbroadst

<template>
  <require from="./grid/grid"></require>
  <require from="./grid/column"></require>

  <grid view-model.ref="grid" rows.bind="people" class="table table-condensed table-bordered">
    <column header="index">${$index}</column>
    <column header="first name">${firstName}</column>
    <column header="last name">${lastName}</column>
  </grid>
</template>

mbroadst

<template>
  <require from="./grid/grid"></require>
  <require from="./grid/column"></require>

  <grid rows.bind="people">
    <column>${$index}</column>
    <column>${firstName}</column>
    <column>${lastName}</column>
  </grid>
</template>