Astroのファイル内でトップページとそれ以外で条件分岐する方法

1
---
2
const isIndexPage = Astro.url.pathname === "/";
3
---
4

5
{isIndexPage && <p>トップページで表示する要素</p>}

1
---
2
const isIndexPage = Astro.url.pathname === "/";
3
---
4

5
{!isIndexPage && <p>トップページ以外で表示する要素</p>}

1
---
2
const isIndexPage = Astro.url.pathname === "/";
3
const Tag = isIndexPage ? "h1" : "div";
4
---
5

6
<header>
7
  <Tag>ロゴ</Tag>
8
  <nav>
9
    <ul>
10
      <li>...</li>
11
    </ul>
12
  </nav>
13
</header>