может быть что-то вроде этого:
const context = [
'directory1',
'directory2',
'directory3',
'directory4',
'directory5',
'directory6',
'directory7'
].join('/');
const componentPath = `${context}/component-name`;
this.render(hbs`{{${componentPath} hasMyAction=(action hasMyAction)}}`);
, хотя лично я не уверен, что шаблоны backtick выполняют интерполяцию таким образом, так что, возможно, это может быть альтернативой:
this.set('componentPath', componentPath);
this.render(hbs`{{component componentPath hasMyAction=(action hasMyAction)}}`