extend(TagsPage.prototype, ['oncreate'], function () {
    const tags = this.tags;
    const tagsItem = document.querySelectorAll('.TagTile-info');

    tagsItem.forEach(function (item) {
      const tagName = item.querySelector('.TagTile-name').innerText;
      const tag = tags.find((tag) => tag.name() === tagName);
      const children = sortTags(tag.children() || []);
      const discussionCount = tag.discussionCount();

      const childrenLinks = item.querySelectorAll('.TagTile-children a');

      childrenLinks.forEach(function (link) {
        const childTagName = link.innerText;
        const childTag = children.find((tag) => tag.name() === childTagName);
        const childDiscussionCount = childTag.discussionCount();
        link.innerText = `${childTagName} (${childDiscussionCount})`;
      });

      item.querySelector('.TagTile-name').innerText += ` (${discussionCount})`;
    });
  });