Duplicate `index.loading`

controllers.index.js

import Ember from 'ember';

export default Ember.Controller.extend({   
  isProfilePageShown: Ember.computed('eUsername', function(){        
    return this.get('eUsername') ? true : false;
  }),       
  isHomePageShown: Ember.computed('isProfilePageShown', function(){
    return this.get('isProfilePageShown') ? false : true;
  })
});

controllers.profile-index.js

import Ember from 'ember';
import IndexController from './index';
export default IndexController.extend({  
});

router.js

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

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

Router.map(function() {
  // BOTH '/' and '/user123' will work now
  this.route('index',{path: '/'}); 
  this.route('profile-index',{path: '/:u_name'});
});

export default Router;

routes.index.js

import Ember from 'ember';

export default Ember.Route.extend({
  eUserName: undefined,
	model(params){
    this.set('eUsername', params.u_name);
    return [1,2];
  },
  setupController(controller,model){
    this._super(...arguments);
    controller.set('eUsername',this.get('eUsername'));
  }
  
});

routes.profile-index.js

import Ember from 'ember';
import IndexRoute from './index';
export default IndexRoute.extend({
  templateName:'index',   
});

templates.index.hbs

{{#if isHomePageShown}}
	You are now in Homepage. Click to go to Login(disabled)
{{/if}}
  
{{#if isProfilePageShown}}
	PROFILE PAGE OF {{eUsername}}
{{/if}}

twiddle.json

{
  "version": "0.10.6",
  "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.9.0",
    "ember-data": "2.9.0",
    "ember-template-compiler": "2.9.0",
    "ember-testing": "2.9.0"
  },
  "addons": {}
}