Last Breadcrumb Custom Text Option about astro-breadcrumbs HOT 5 CLOSED

Hi, sorry for packing so much info😅. I noticed the help-wanted flag... do I raise a PR so it would be easier to see the changes? Or this is not needed?

Hey, I've seen your PR, as well as the one from @codeinfo. I've decided to solve the whole thing another way.

Both of your requirements have finally brought me to the current approach in the beta release. Thanks for the PRs, I'll close both as soon as v3 is ready.

I hope you are happy with the solution.

from astro-breadcrumbs.

Awesome! I loved working on this tho🥳

from astro-breadcrumbs.

Hi, sorry for packing so much info😅. I noticed the help-wanted flag... do I raise a PR so it would be easier to see the changes? Or this is not needed?

from astro-breadcrumbs.

Hi, i having the same problem, but i need replace text.
so add replaceLinkTextArray use replaceLinkText solving the problem.

from astro-breadcrumbs.

With the latest beta release you can control every crumb attribute (incl. text).

If you like to modify the last crumb:

---
const customLastPart = [{ index: "last", text: "Last page!", "data-any-attribute": "any" }];
---
<Breadcrumbs
   customizeLinks={customLastPart}
   debug={true}>
</Breadcrumbs>

To modify any other part of your breadcrumbs, create an object for each.

---
const modifyParts = [
  {
    "data-link": "home",
    "aria-label": "Go to the home page",
    text: "Page 1",
  },
  {
    "data-link": "about",
    "aria-label": "Go to the about page",
    text: "Page 2",
  },
  { "is-last": true, text: "Last page!" },
  {
    "data-link": "contact",
    "aria-label": "Go to the contact page",
    text: "Page 3",
  },
];
---
<Breadcrumbs
   customizeLinks={modifyParts }
   debug={true}>
</Breadcrumbs>

from astro-breadcrumbs.