title: How do you create routes with optional parameters in Sapper?
body: <p>Let's say I have a <code>/foo</code> route. But sometimes people hit <code>/foo</code> with a language parameter: <code>/fr/foo</code>. And other times they might hit it with a language and a country: <code>/ca/fr/foo</code> </p>
  
  <p>So I need a routing table like </p>
  
  <pre><code>[country]/[language]/foo 
  [language]/foo 
  /foo 
  </code></pre>
  
  <p>That all direct to the same page. </p>
  
  <p>Should I create a tree like this?</p>
  
  <pre><code>src/routes
  └── [country]
      └── [language]
          └── foo.svelte
  </code></pre>
  
  <p>If that's the answer then how do I direct <code>[language]/foo</code> to <code>[country]/[language]/foo</code>? </p>
  
  <p>I don't <a href="https://github.com/sveltejs/sapper.svelte.technology/blob/master/content/guide/02-routing.md" rel="noreferrer">see any optional params in the docs</a></p>