title: Page cant access set context
body: <p>I am returning context data to a route but for some reason i cannot access the context data in the template like so.</p>
  
  <p>Route:</p>
  
  <pre><code>{
    path: "/select-vans/",
    component: SelectVans,
    context: {
      vans: [
        {
          VAN_ID: 1,
          NAME: "Van 01"
        },
        {
          VAN_ID: 2,
          NAME: "Van 02"
        }
      ]
    }
  }
  </code></pre>
  
  <p>Template (HTML Part):</p>
  
  <pre><code>&lt;div&gt;
    &lt;ul&gt;
      {{#each vans}}
      &lt;li&gt;{{ VAN_ID }} {{ NAME }}&lt;/li&gt;
      {{else}}
      &lt;li&gt;No properties&lt;/li&gt;
      {{/each}}
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But no matter what i do it always returns <code>No properties</code>, i have tried passing it as data and changing <code>vans</code> to <code>this.vans</code> but to no avail. If i log the page in the console on <code>init</code> i can see the context in <code>page.route.route.context</code> to the context does exist but the template can't seem to access it.</p>
  
  <p>Edit: I got it to work by changing <code>vans</code> to <code>$route.route.context.vans</code>, surely there is a less convoluted way to get the data?</p>