Issue about dealing with IME based text (Korean)

[gio-hernandez-saito]

I have trouble dealing with maska when it comes to handle IME language (Korean). I'm on Vue3.

<input v-maska:unmaskedValue.unmasked="options" :value="maskedValue" @input="updateTypedText" />

<script lang="ts" setup>
//...
let maskedValue = ref('')
let unmaskedValue = ref('')
defineExpose({ unmaskedValue })

const [debouncedText, setTypedText] = useSingleDebounced({ target: maskedValue.value, debounce: 100})
const updateTypedText = (event: Event) => {
  maskedValue.value = (event.target as HTMLInputElement).value
  setTypedText(maskedValue.value)
}

const options = reactive<MaskInputOptions>({
  mask: 'KKKK',
  tokens: {   K: { pattern: /[ㄱ-ㅎ ㅏ-ㅣ|가-힣]/ }  },
  eager: true
})

</script>

The problem occurs when I changed mask 'KKKK' into 'K-K-K-K'.

As Korean language is the composition of vowels and consonants, when I type a Korean alphabet for composing a single letter, the mask recognizes the alphabet itself as a single letter.

Are there any solutions for that?