Move branches page to new template

import {NavHelper} from './helpers/nav.ts'

export default async (
  eleventyConfig: any,
  data: any,
  nav: ReturnType<typeof NavHelper>
) => {
  const slugify = eleventyConfig.getFilter("slugify")

  return `
    <div class="d-flex flex-wrap">
      ${data.branches.map((branch) => {
        return `
            ${branch.repoName === data.branchInfo.repoName
              ? `
                <div class="card bezel-gray m-2 flex-grow-1">
                  <div class="card-header">
                    <a class="card-title" href="${data.reposPath}/${slugify(branch.repoName)}/branches/${slugify(branch.branchName)}">${branch.branchName}</a>
                    ${branch.branchName === data.branchInfo.branchName ? '<div class="badge rounded-pill bg-secondary mx-1">current</div>' : ''}
                    ${branch.branchName === data.reposConfig.repos[branch.repoName].defaultBranch ? '<div class="badge rounded-pill bg-info text-dark mx-1">default</div>' : ''}
                  </div>
                  <div class="card-body">Data about branch goes here</div>
                </div>
              `
              : ''
            }
        `
      }).join('')}
    </div>
  `
}

                      <a class="nav-link ${data.navTab === &#39;branches' ? 'active' : ''}&quot; href="${nav.repoCurrentBranchBranches()}">Branches</a>

import branchesJsTemplate from './js_templates/branches.ts'

  // BRANCHES.TS
    'repos/branches.11ty.js',
    htmlPage(reposConfiguration, eleventyConfig, branchesJsTemplate),

          path: "branches"