title: View component taghelper with areas
body: <p>I want to have two components with the same name but in different areas.</p>
  
  <p>My component is called C1</p>
  
  <p>The two areas are A1 and A2</p>
  
  <p>A view component class exists in each of the corresponding namespaces</p>
  
  <ul>
  <li>MyProject.Areas.A1.ViewComponents in the file ./Areas/a1/c1ViewComponent.cs</li>
  <li>MyProject.Areas.A2.ViewComponents in the file ./Areas/a2/c1ViewComponent.cs</li>
  </ul>
  
  <p>The code compiles; however when I try to add my component to a page with a tagheper:</p>
  
  <pre><code>&lt;div class="component-container c1" id="system-a1-c1"&gt;
    &lt;vc:c1&gt;&lt;/vc:c1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It fails to distinguish between the two components as they have the same name and it cannot resolve the path</p>
  
  <p>So I have watched/read a lot of stuff on taghelpers but nothing seems to mention how to use them with areas</p>
  
  <ol>
  <li>Is it possible to achieve the effect I am after?</li>
  <li>What needs to change in order to accomplish this?</li>
  </ol>