<div data-dadt-scope="appName"> // defines the scope for the DOM to be rendered
  <div data-dadt="name"></div> // custom data-attributes for your scope
  <div data-dadt="title"></div> // custom data-attributes for your scope
  <div data-dadt="content"></div> // custom data-attributes for your scope
</div>

dadt.scope // defines the scope for the DOM to be rendered

dadt.name // custom data-attributes for your scope
dadt.title // custom data-attributes for your scope
dadt.content // custom data-attributes for your scope