title: Why does vue route not pass props correctly when reloading or using url?
body: <p>Route:</p>
  
  <pre><code>{
      path: '/markets/:code.:exchange',
      name: 'Markets',
      component: Markets,
      props: true
  },
  </code></pre>
  
  <p>Right now, it works as intended when I do a router push like so:</p>
  
  <pre><code>this.$router.push({name: 'Markets', params: {code: this.model.Code, exchange: this.model.Exchange}})
  </code></pre>
  
  <p>However, when I enter the url, or reload the page, it shows a blank page and this error:</p>
  
  <pre><code>Uncaught SyntaxError: Unexpected token '&lt;'
  </code></pre>
  
  <p>For example in the above router push function if I push params: {AAPL, US} it would go to /markets/AAPL.US and correctly pass the props. But if I write the same exact thing in the url and enter, or if I reload the page, nothing shows up, and gives the above error.</p>