Kwadratowe RPG vue początek

Question

Zastanawiałem się czy nie dać tego do działu projekty ale tu bardziej w sumie chodzi o kod we Vue niż pokazywanie jakiegoś projektu.

Tu jest upload:

http://erpeg.kordi.com.pl/

Tu jest kod:

https://github.com/kordix/erpeg

Na razie można chodzić tu tylko kwadratem po planszy i zaatakować inne kwadraty.

Wygląda dość niepozornie ale chcę zrobić z tego rozbudowany projekt w przyszłości.

Jednak zanim coś dobuduję chciałem żebyście zrewidowali same podstawy.

Może przybliżę jaki jest ogólnie koncept. Mam komponent Board który generuje wszystkie pola, każde pole jest osobnym komponentem field. Z pętli v-for generuję dla każdego pola koordynat x,y:

<div class="row" v-for="y in 20">
        <field v-for="x in 20" :coord="{x:x,y:y}"></field>
        <div class="" style="clear:both"></div>
    </div>

Ten koordynat jest podstawą do rozmieszczania elementów na planszy.

W sumie cała akcja rozgrywa się w tych trzech plikach:

https://github.com/kordix/erpeg/blob/master/src/components/Field.vue

https://github.com/kordix/erpeg/blob/master/src/components/Board.vue

https://github.com/kordix/erpeg/blob/master/src/store/index.js

Byłbym wdzięczny za spojrzenie do tego kodu, jestem ciekawy czy zrozumiecie jak to działa, chętnie wytłumaczę co miałem na myśli jeśli nie zrozumiecie tego konceptu. Właśnie głównie o konceptualność mi chodzi, bo może da się zrobić to samo w prostszy i przejrzystszy sposób.