Grove doesn't support links in image captions. This workaround converts Markdown-style links into HTML links

grove.css

.Figure-content .Link {
  color: var(--linkColor);
}

.Figure-content .Link:hover {
  color: var(--linkHoverColor);
}

linkSupportForCaptions.js

// Markdown Link Regex
//   \[
//      ([^\]]+)
//   \]
//   \(
//      ([^\)]+)
//   \)

const linkPattern = /\[([^\]]+)\]\(([^\)]+)\)/g

function parseMarkdownLinks (content) {
  const formattedMarkup = content.replace(linkPattern, (...args) => {
    const [, linkText, url] = args
    return  `<a class="Link" href="${url}">${linkText}</a>`
  })

  return formattedMarkup
}

function linkSupportForCaptions () {
  const imageCaptions = document.querySelectorAll('.Figure-content');

  for (const caption of imageCaptions) {
    caption.innerHTML = parseMarkdownLinks(caption.innerHTML)
  }
}

module.exports = () => {
  linkSupportForCaptions()
  window.onNavigate.push(linkSupportForCaptions)
}