title: Referencing external view with durandal compose binding
body: <p>I have my project structure: </p>
  
  <pre><code>App
          - Admin
              - views
              - viewmodels
              - main.js  
          - User
          - SuperUser
          - Common
              - views
              - viewmodels
  </code></pre>
  
  <p>Each role in my WebSite has it's own durandal SPA with <code>main.js</code> and other blackjack. </p>
  
  <p>Now the question, </p>
  
  <p>in my <code>shell.html</code> in <code>Admin</code> SPA I want to use <code>view</code> from <code>Common</code> folder.</p>
  
  <p>In case of <code>view</code> in <code>Admin</code> I simply do <code>compose binding</code>:</p>
  
  <pre><code>&lt;div&gt;
      &lt;header data-bind="compose: { view: 'nav' }"&gt;&lt;/header&gt;
          &lt;section id="content" class="main container-fluid shell"
                   data-bind="router: { transition: 'entrance'}"&gt;&lt;/section&gt;
          &lt;footer data-bind="compose: { view: 'footer' }"&gt;&lt;/footer&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And <code>views</code> from App/Admin/views are available. 
  How can I reference views from App/Coomon/views/*?</p>
  
  <p>It's simple with js component, I just declare as a module and then pass it to the define. And I just stuck with views.</p>
  
  <p>I tried smth like:</p>
  
  <pre><code>    &lt;div&gt;
              &lt;header data-bind="compose: { view: '../Common/views/nav' }"&gt;&lt;/header&gt;
              &lt;header data-bind="compose: { view: '../../Common/views/nav' }"&gt;&lt;/header&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Any ideas? Thanks.</p>