Заменить <a>ссылку на в строковой переменной

Question

Я получаю контент из системы CMS (WordPress). В переменной "page.content" ссылки выводятся так: <a href="#">. Как я могу заменить этот контент на: <nuxt-link to="#"> на стороне клиента?

Вопрос задавался ранее, но никаких реальных ответов: https://github.com/nuxt/nuxt.js/issues/2912 - несмотря на то, что это должно быть довольно обычный случай использования.

Answer 1

Простая замена строки должна быть достаточной.

const string =  'links are outputted like so: <a href="#">. How can I replace this content with: <nuxt-link to="#">'

const converted = string.replace(/<a/g, '<nuxt-link').replace(/href=/g, 'to=');

console.log(converted)