Форматирование данных в инпут. Маска для инпута рубли и копейки.(Vue directive)

Всем привет.

Подскажите, пожалуйста, может кто делал подобное.

Нужно реализовать директиву для инпута. Смысл ее такой: Например: Ввод с клавиатуры "5" - отображается "0.05". Ввод с клавиатуры "1005" - отображается "10.05". Две последние введенные цифры отделяются от предыдущих точкой.

Какую регулярку добавить вместо этой replace(/\B(?=(\d{3})+(?!\d))/g, '.')?

    Vue.directive('format', {
  bind(el: HTMLElement, binding: any, vnode: VNode) {
    const { modifiers } = binding;
    const targetElement = el;

    if (modifiers.cost) {
      targetElement.addEventListener('input', (e: any) => {
        e.target.value = e.target.value.replace(/[^0-9]/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, '.');
      });
    }
  },
  update(el: HTMLElement, binding: any, vnode: VNode) {
    const { modifiers } = binding;
    const targetElement = el;

    if (modifiers.cost) {
      targetElement.addEventListener('input', (e: any) => {
        e.target.value = e.target.value.replace(/[^0-9]/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, '.');
      });
    }
  },
});