route-lang

app.js

import Ember from 'ember';
import loadInitializers from 'ember-load-initializers';
import Resolver from './resolver';
import config from './config/environment';
import RouteAliasResolver from 'ember-route-alias/mixins/route-alias-resolver';

const { Application } = Ember;

Ember.MODEL_FACTORY_INJECTIONS = true;

const App = Application.extend({
  modulePrefix: config.modulePrefix,
  podModulePrefix: config.podModulePrefix,
  Resolver: Resolver.extend(RouteAliasResolver),
});

loadInitializers(App, config.modulePrefix);

export default App;

components.link-to.js

import Ember from 'ember';

const { computed, get } = Ember;

export default Ember.LinkComponent.extend({
  qualifiedRouteName: computed('targetRouteName', '_routing.currentState', function() {
    let params = get(this, 'params').slice();
    let lastParam = params[params.length - 1];
    
    if (lastParam && lastParam.isQueryParams) {
      params.pop();
    }
    
    let onlyQueryParamsSupplied = params.length === 0;
    
    if (onlyQueryParamsSupplied) {
      return get(this, '_routing.currentRouteName');
    }
    
    const currentRouteName = get(this, '_routing.currentState.emberRouter.currentRouteName');
    const lang = currentRouteName.split('.')[0];
    
    if (['en', 'de'].indexOf(lang) > -1) {
    	return get(this, 'targetRouteName').replace('app.', `${lang}.`);
    }

    return get(this, 'targetRouteName');
  }),
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

router.js

import Ember from 'ember';
import config from './config/environment';

const Router = Ember.Router.extend({
  location: 'none',
  rootURL: config.rootURL
});

Router.map(function() {
  this.route('app', { path: '/' }, function() {
    this.route('news', function() {
    	this.route('details', { path: ':news_id' });
    });
  });
  
  this.alias('en', '/en', 'app');
  this.alias('de', '/de', 'app');
});

export default Router;

routes.app.news.details.js

import Ember from 'ember';

export default Ember.Route.extend({
  model(params) {
  	return params.news_id;
  }
});

routes.app.news.js

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
  	return [{
      id: 1,
      title: 'lorem',
    }, {
      id: 2,
      title: 'lorem',
    }, {
      id: 3,
      title: 'dolor',
    }];
  }
});

templates.app.hbs

{{outlet}}

templates.app.news.details.hbs

<h3>Current news number: {{model}}</h3>

templates.app.news.hbs

<h1>News</h1>
{{outlet}}
<ul>
{{#each model as |item|}}
  <li>
  	{{#link-to 'app.news.details' item.id}}
    	#{{item.id}} {{item.title}}
    {{/link-to}}
  </li>
{{/each}}
</ul>

templates.application.hbs

{{#link-to 'app'}}
go home
{{/link-to}}

<br>

Select lang:
<ul>
	<li>
    {{#link-to 'app'}}
      PL
    {{/link-to}}
  </li>
  <li>
    {{#link-to 'en'}}
      EN
    {{/link-to}}
  </li>
  <li>
    {{#link-to 'de'}}
      DE
    {{/link-to}}
  </li>
</ul>

{{#link-to 'app.news'}}
	Go to news
{{/link-to}}

{{outlet}}

templates.components.link-to.hbs

{{yield}}

twiddle.json

{
  "version": "0.12.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
    "ember-data": "2.12.1",
    "ember-route-alias": "0.1.5"
  }
}