Passing data from processContent function to instance VM

app.html

<template>
  <require from="./stupid-aurelia-tricks"></require>

  <stupid-aurelia-tricks>
    <child>
      One
    </child>
    <child>
      Two
    </child>
  </stupid-aurelia-tricks>
</template>

stupid-aurelia-tricks.ts

import { processContent, children, child, inlineView } from 'aurelia-framework';


@inlineView('<template><slot></slot></template>')
@processContent(parseTemplate)
export class StupidAureliaTricks {
  @child('process-content-data') processContentData: any;
  @children('child') children = [];

  attached() {
    console.log('this.processContentData.data', this.processContentData.data);
    console.log('this.children', this.children);
  }
}

function parseTemplate(compiler, resources, node, instruction) {
  const originalContent = node.innerHTML;
  const childCount = node.querySelectorAll('child').length;
  const data = { childCount  };

  // note the use of single quotes around the data.bind expression
  node.innerHTML = `
    <process-content-data style="display: none" data.bind='${JSON.stringify(data)}'></process-content-data>
    ${originalContent}
  `;

  return true;
}