Search and replace with regex groups in VS Code - MD image to Next JS Image

search_and_replace_with_regex.md

This example converts a MD image to a Next JS Image. HEIGHT and WIDTH need to be replaced manually.

Text to replace

![Numeric Algorithms](/public/static/images/talk/bFSnXNIsK4A/numeric_algorithms.png)

Regex to use in the Search field. Group 1 is the title, and group 2 is the src.

!\[(.*)\]\(/public(.*)\)

Regex to use in the replace field

<Image
  alt={`$1`}
  src={`$2`}
  width={WIDTH}
  height={HEIGHT}
/>