コンポーネントのセレクタ名を返すプロパティを作る

[mogera551]

• 自律型の場合、tagNameを返す
• カスタマイズの場合、tagName[is=className]を返す
• 自律型かカスタマイズかは、tagNameにハイフンがあるかどうかで決定

get selectorName() {
  const tagName = this.tagName.toLowerCase();
  if (this.tagName.includes('-')) {
    return tagName;
  } else {
    const className = this.getAttribute("is");
    return `${tagName}[is=${className}]`;
  }
}