fd-angular-meta SEO title helper

application.js

import { Inject } from 'fd-angular-core';
import { Page, Root } from 'mr-angular-pages';
import { Meta } from 'fd-angular-meta';
import TMPL from './application.html!';

@Page({
	templateUrl: TMPL
})
export class ApplicationPage {
	get longTitle () {
		return this.long_title || this.title;
	}

	get seoTitle () {
		let parent = this.parent,
			title = 'Otentic';

		while (!!parent && !!parent.title) {
			if (parent.title === Root.title) {
				break;
			}

			title = `${parent.title} | ${title}`;
			parent = parent.parent || false;
		}

		if (this.title !== Root.title) {
			title = `${this.title} | ${title}`;
		}

		return title;
	}

	@Meta
	setMetaTags () {
		return {
			title: this.seoTitle
		}
	}
}