Formatting of currency input breaks for 'de-DE'

[Komald]

Using the reference from the example of Money format via hooks,
I have added code like below:

HTML:
<input v-maska:[maskOptions] data-maska="0.99" data-maska-tokens="0:\d:multiple|9:\d:optional" v-model="tax_rate"/>

    maskOptions = {
          preProcess: val => val.replace(/[$,]/g, ''),
          postProcess: val => {
            if (!val) return '';

            console.log(val);
            const sub = 3 - (val.includes('.') ? val.length - val.indexOf('.') : 0);

            return Intl.NumberFormat(localNumberformat, {
              style: 'currency',
              currency: localCurrency,
            }).format(val)
              .slice(0, sub ? -sub : undefined);
          },
        };

where localNumberformat can be 'de-DE' or 'en-US' and localCurrency can be USD, EUR

Above code works fine for en-US and USD, but when switched to de-DE, the input field starts appending 0 after every digit.
Stackblitz link for reproducing the issue:
https://stackblitz.com/edit/nuxt-starter-xcr8ue?file=app.vue

Try to enter 34367.85 value in the text field.

Attaching the screen-rec below.

maska-de-input-err.mp4

[Komald]

Additionally this is the case for all the non-en currency formats.
I tried with
'ru-RU', currency: RUB
'ja-JP', currency: JPY
'ar-EG', currency: AED
for all of these, input field went haywire.

for 'en-GB', 'en-IN', 'en-EG'
things were pretty good.