How to change formatNoMatches in Lect2 4.0.0?

Question

I’m using the Lect2 4.0.0 and I am having trouble changing the way the message is shown which indicates not having found results. In the old version used formatNoMatches to change the presentation, how is it done now? BS: I cannot change this directly in the file en.BR.js because every select has a different behavior.

$('#id_categoria').select2(
    {
        placeholder:'Selecione',
        minimumInputLength: 2, 
        formatNoMatches: function(term) {
            return "Nenhum resultado. Adicionar " + term + "?";
        }
    }
);

Answer 1

It seems that the standard way to do this in version 4 is by language file.

However I did a little bit and I ended up developing a work-Around that works:

$(function() {
  var id_categoria = $('#id_categoria')
    .select2({
      placeholder: 'Selecione',
      minimumInputLength: 2,
      language: $.extend({},
        $.fn.select2.defaults.defaults.language, {
          noResults: function() {
            var term = id_categoria
              .data('select2')
              .$dropdown.find("input[type='search']")
              .val();

            return $("<span>Nenhum resultado. <span class='add'>Adicionar <b>" + term + "</b></span>?</span>");
          }
        })
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-rc.2/css/select2.min.css" rel="stylesheet" />
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-rc.2/js/select2.min.js"></script>

<select class="js-example-responsive" id="id_categoria" style="width: 50%">
</select>

I know it’s not very pretty, but it’s the only way I could define the text, dynamically for select.