Vue.js - pytanie jak to ogarnąć

hej, mam dwa pytanie z serii jak to ogarnąć. Nie wiem jak zrealizować takie założenie

1. Mamy jakiś ciąg tekstowy/zdanie gdzie mamy uzupełnić luki. Np dwie. Coś w stylu "jeśli ktoś .... lub skomentuje moje ...." i do tego mamy odpowiedzi np cztery odpowiedzi. I teraz, po kliknięciu prawidłowej odpowiedzi luka zostaje uzupełniona. Ważne! jeśli mamy np cztery odpowiedzi i dwie luki a ktoś kliknie odpowiedź z luki 2, a pierwsza nie jest uzupełniona druga nie powinna się uzupełnić.

2. Mamy słowa w języku polskim i powiedzmy niemieckim. W jednej kolumnie mamy słowa po polsku w jakiejś kolejności a na górze słowa po niemiecku pomieszane. Po kliknięciu słowa niemieckiego powinno ono zostać dopasowane do polskiego z tym że tutaj też ważna jest kolejność.

Nie chcę gotowca jednak potrzebuję jakiegoś pomysłu jak do dopasować.

Co do tego pierwszego: Wydaję mi się, że łatwo można to ogarnąć w taki sposób:

1. Robisz tablicę ze słowami, które powinny być w lukach (arr1: ["luka1", "luka2", ...];
2. Robisz drugą tablicę, ze słowami do wyboru (arr2: ["slowo1", "slowo2", ...];
3. Robisz zmienną, która przechowuję obecny indeks zgadywanego słowa defaultowo ustawioną na 0 (index: 0) ;
4. I sprawdzasz czy kliknięte słowo (z tablicy arr2) jest równe słowu z tablicy arr1 od obecnie zgadywanego słowa (arr2[index]
5. Jeśli tak to inkrementujesz zmienną index;