title: Human readable dynamic segments
body: <p>I'd my urls to look a little more like /foo/bar/ rather than /foo/23/</p>
  
  <p>Currently I have a route defined as follows</p>
  
  <pre><code>App.Router.map(function() {
    this.route('index', {path: '/'});
    this.resource('category', {path: '/:category_id'}, function() {
       this.route('product', {path: ':product_id'});
    });
  });
  </code></pre>
  
  <p>This works as expected. What do I need to change in order to have the url be more human readable? Ideally I'd like both the category and product urls to contain their [unique] names, rather than the unique ids. I've tried changing the path to <code>/:category_name</code>, but the url then contains the model object, rather than just the name</p>