Is it possible compage current url with url resolved by resolve_url plugin?

[cawa-93]

I'm building layout with menu. And I want to highlight current page link. Links in menu resolving by resolve_url plugin. So, how I can check is currently rendered page url equals resolved url?

// _includes/withHeader.tsx
export default ({lang, url}) => {
  const isCurrentPage = url === `index.tsx(lang=${lang})` // 👈 how to compare current url and resolved url?
  return <nav>
         <a href={`index.tsx(lang=${lang})`} {...isCurrentPage ? {ariaCurrent: 'page'} : {}}>{goHome}</a>
    </nav>
}

[oscarotero]

Lume provides the url filter out of the box: https://lume.land/plugins/url/#url-filter

You can do this:

export default ({lang, url}, helpers) => {
  const comparedUrl = helpers.url(`~/index.tsx(lang=${lang})`);
  const isCurrentPage = url === comparedUrl

  return <nav>
         <a href={`index.tsx(lang=${lang})`} {...isCurrentPage ? {ariaCurrent: 'page'} : {}}>{goHome}</a>
    </nav>
}

[cawa-93]

I see. I probably should use page.src

export default ({lang, url, page}) => {
  const isCurrentPage = page.src.entry.name === `index.tsx`
  return <nav>
         <a href={`index.tsx(lang=${lang})`} {...isCurrentPage ? {ariaCurrent: 'page'} : {}}>{goHome}</a>
    </nav>
}