Add routes in order of depth in 'on' method

[abradley2]

This change means routes with deeper urls will be given priority.

From the README:

router
  .on({
    'products/:id': function () {
      setContent('Products');
    },
    'products': function () {
      setContent('About');
    },
    '*': function () {
      setContent('Home')
    }
  })
  .resolve();

It is important to add products/:id first because otherwise you may fall into products every time

This will no longer be the case. If the 'products' route is added before 'products/:id', resolving to 'products/42' will match the 'products/:id' route. When using on routes will then be added in the order of depth (number of segments in the route).

This also prevents a possible issue from looping through the 'routes' object in the 'on' method- because ECMAScript specification does not guarantee that the keys of Objects will be in order given a for-let loop.

[krasimir]

Thank you for the contribution. 2.3.0 released containing your fix.