thinking over design

I could use any suggestions for my designing. I thought a perfect project to get my feet wet with Vue3 is to take two identical texts in different langauges and go paragraph by paragraph. I am picking English and Russian cause I am learning Russian.

So, for each paragraph that loads, we need a way to point to the corresponding text so they can stay level with each other. Of course, that should be tacked onto the top because the texts maybe of different lengths.

Scrolling will create problems I don't want to deal with now. So rather, I will have two buttons one to the left and one to the right that let's you go back and forward. So, we need to remember what the previous "back" paragraph is.

In the bottom, I could put a navbar that can jump through chapters or whatever which shall be easy enough.

Since they are both paragraph components, what is the best way to communicate between them to make sure that the proper paragraph is being loaded in either language?

For now, I am just storing the text in Json file mostly cause I can't think of a reason why I should not.

Is there any things I should be thinking of that I am not thinking of? Any suggestions?