[Dúvida] [Duvida] Prioridade em código que codifica

Boa noite, estou com o seguinte código:

var textInput = document.querySelector("#input__texto");
var outInput = document.querySelector("#output");


function codificar(){

  var texto = textInput.value;

  var resultCripto = texto.replace(/Oi/g, "Holla").replace(/O/g, "Uoe").replace(/I/g, "Ai")

  document.getElementById('output').innerHTML = '<textarea readonly id="input__texto">' + resultCripto + 
  '</textarea>' + '<button class="btn__copiar" id="copiar" onclick="copiar()"><img src="img/copiar.png"></button>'
}

function copiar() {
    var textoCop = document.getElementById('input__texto');

    textoCop.select();
    document.execCommand('copy');
    alert("Texto copiado.");
}  

Entretanto, ele não capta muito bem o "Oi" ao invés disso ele pega individualmente as duas letras e ao invés de sair "Holla" sai "UoeAi". Como eu faço para que esse código verifique primeiro se não há uma palavra inteira formada, para que só depois, quando não haver palavras conhecidas formadas, faça a verificação das vogais?