How do you allow text to drag and drop into another text box in Vue 3?

I am very new to Vue js, and have skimmed through a decent amount of tutorials and Vue documentation and decided to make a small website.

Website Image

How it works is a random sentence or two of text is pulled from a .json file, and displayed. This sentence has typos in it, and the player is given 3 characters that fix the typos and 3 randomly generated characters to throw them off.

The next step for this is how do I make it so players are able to drag and drop the text given to them inside the text.

So far I’ve looked through a few libraries and the HTML implementation, but they don’t seem to work for my application, as I can’t seem to find how I could insert the player’s character into the real text.

Thanks if anyone can help in advance!