Override the naming convention for View Model class names in Aurelia

aurelia_vm_class_naming_convention.ts

import {HtmlBehaviorResource} from "aurelia-framework";

const orig: (...args: any[]) => any = HtmlBehaviorResource.convention;
HtmlBehaviorResource.convention = function(name: string, ...args: any[]) {
	if (name.endsWith("Component")) {
		name = name.replace(/Component$/, "CustomElement");
	}
	if (name.endsWith("Route")) {
		name = name.replace(/Route$/, "CustomElement");
	}

	return orig.apply(this, [name, ...args]);
}