title: Nuxt dynamic url param for application
body: <p>I'm quite new to Vue and Nuxt and I built a web app. I need to show url based on city, but don't know what kind of routing is this.</p>
  
  <p>I have web app under domain <code>mydomain.com</code> and there are pages like:</p>
  
  <ul>
  <li><code>/</code> - for home page (<code>mydomain.com</code>)</li>
  <li><code>/list</code> - for list of items (<code>mydomain.com/list</code>)</li>
  <li><code>/list/123</code> - item page, where 123 is id of item (<code>mydomain.com/list/123</code>)</li>
  </ul>
  
  <p>What I want it is to get user's location and write it to vuex store and show urls with city prefix always, so it will look like:</p>
  
  <ul>
  <li><code>/paris/</code> - for home page (<code>mydomain.com/paris</code>)</li>
  <li><code>/paris/list</code> - for list of items (<code>mydomain.com/paris/list</code>)</li>
  <li><code>/paris/list/123</code> - item page, where 123 is id of item (<code>mydomain.com/paris/list/123</code>)</li>
  </ul>
  
  <p>User will be able to change city using dropdown. I'm using nuxt and all url parts are used from pages, but in this case city is not the page it is kind of param. Please advice where to look.</p>