title: Name and unique id of component
body: <h2>Premise</h2>
  
  <p>Let's assume in component we have template like this:</p>
  
  <pre><code>&lt;div id="my-component-1"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and component is registered as <code>my-component</code>.</p>
  
  <h2>Question</h2>
  
  <p>Is it possible, from inside of component to compile that kind of id? Ideally, I want a mixin with prop <code>id</code>, that defaults to <code>component_name + '-' + unique_id</code>.</p>
  
  <h2>Example</h2>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;my-component&gt;&lt;/my-component&gt;
  &lt;my-component&gt;&lt;/my-component&gt;
  &lt;other-component&gt;&lt;/other-component&gt;
  &lt;other-component&gt;&lt;/other-component&gt;
  </code></pre>
  
  <p><strong>compiled html</strong></p>
  
  <pre><code>&lt;div id="my-component-1"&gt;&lt;/div&gt;
  &lt;div id="my-component-2"&gt;&lt;/div&gt;
  &lt;div id="other-component-3"&gt;&lt;/div&gt;
  &lt;div id="other-component-4"&gt;&lt;/div&gt;
  </code></pre>
  
  <hr/>
  
  <p>Thanks for your determination.</p>