martials.no/src/components/Breadcrumb.astro

---
import { type NavLink, resolvePathname } from "@/utils/linking"
import LocaleLink from "@/components/links/LocaleLink.astro"

const pathname = resolvePathname(Astro.originPathname)

let paths: string[]
if (pathname === "/") {
  paths = ["~"]
} else {
  paths = ["~", ...pathname.split("/").filter(x => x)]
}

function getLink(path: string): NavLink {
  switch (path) {
    case "~":
      return "/"
    default:
      return `/${path}` as NavLink
  }
}
---

<div>
  {
    paths.map((path, index) => (
      <span>
        {index != paths.length - 1 ? (
          <span>
            <LocaleLink to={getLink(path)}>{path}</LocaleLink>/
          </span>
        ) : (
          path
        )}
      </span>
    ))
  }
</div>