title: Nuxt encode/decode URI with double colon
body: <p>My URLs have double colon on them.</p>
  
  <p>I push a path to Nuxt router which has <strong>:</strong> as a part of it.</p>
  
  <pre><code>  export default {
    router: {
      extendRoutes (routes, resolve) {
        routes.push({
          name: 'custom',
          path: 'towns' + '(:[0-9].*)?/',
          component: resolve(__dirname, 'pages/404.vue')
        })
      }
    }
  }
  </code></pre>
  
  <p>When I point to <a href="http://localhost:3000/towns:3" rel="nofollow noreferrer">http://localhost:3000/towns:3</a> , for example, the <strong>:</strong> is translated as <code>%3A</code>on the URL leading to this error message:</p>
  
  <pre><code>Expected "1" to match ":[0-9].*", but received "%3A2"
  </code></pre>
  
  <p>How to revert this to <strong>:</strong> ?</p>
  
  <p>I tried encodeURI(), decodeURI(), encodeURIComponent() and decodeURIComponent() in vain.</p>
  
  <p>A demo for the ones who wants to try: <a href="https://github.com/begueradj/nuxt-extend-routes-bug" rel="nofollow noreferrer">nuxt-extend-routes</a></p>
  
  <p>Any suggestions are welcome</p>