Vue.js: How to remove extra tags?

Question

Vue.js

Hello!
There is such a task: to show the user the text that he can see and delete the other.
Basically, there is this text:

В Европе редиска появилась благодаря итальянцу Марко Поло <span lvl='20'>, который, вернувшись из своего знаменитого путешествия, <span lvl='40'> из Китая </span> привёз семена редиса. Было это </span> в конце XIII века."

The user's level corresponds to, well, two. Then he must see

В Европе редиска появилась благодаря итальянцу Марко Поло в конце XIII века."

If the user has a level, say 30, then

В Европе редиска появилась благодаря итальянцу Марко Поло, который, вернувшись из своего знаменитого путешествия, привёз семена редиса. Было это в конце XIII века."

I can’t figure out how to do this on vue.js (and on javascript, to be honest, too).
Sketched a mockup but can't get further: jsfiddle.net
Can you help or point me in the right direction?

Answer 1

Bike: https://jsfiddle.net/kulakoff/ve4k3v3t/