From 45d67f01cab4f8732672bbdc928606a0efa9a4eb Mon Sep 17 00:00:00 2001
From: anwolosz <anwolosz@gmail.com>
Date: Sat, 24 Aug 2024 13:22:55 +0200
Subject: [PATCH] Refactor store fields to current

---
 src/components/Citation.vue             | 20 +++++------
 src/components/FunctionButtons.vue      | 12 +++----
 src/components/Header.vue               | 32 +++++++++---------
 src/components/IndexRecord.vue          | 10 +++---
 src/components/Section.vue              |  4 +--
 src/components/TitleChangeTableSZIT.vue |  4 +--
 src/components/en/AboutEn.vue           |  4 +--
 src/components/hu/AboutHu.vue           |  4 +--
 src/stores/SynopsisStore.ts             | 44 ++++++++++++-------------
 src/views/AboutView.vue                 |  6 ++--
 src/views/ContactView.vue               |  6 ++--
 src/views/IndexView.vue                 | 14 ++++----
 src/views/NotFoundView.vue              |  2 +-
 src/views/SourcesView.vue               |  6 ++--
 src/views/SynopsisView.vue              |  8 ++---
 15 files changed, 88 insertions(+), 88 deletions(-)

diff --git a/src/components/Citation.vue b/src/components/Citation.vue
index 900fc4c0..4683fdff 100644
--- a/src/components/Citation.vue
+++ b/src/components/Citation.vue
@@ -25,9 +25,9 @@ export default {
   },
   methods: {
     redirectToLeadingCitation(chapterLocation: string, verseLocation: string): void {
-      for (let i = 0; i < useSynopsisStore().synopsis.chapters.length; i++) {
+      for (let i = 0; i < useSynopsisStore().currentSynopsis.chapters.length; i++) {
         //TODO: think about better name than chapter in .json
-        const chapter = useSynopsisStore().synopsis.chapters[i]
+        const chapter = useSynopsisStore().currentSynopsis.chapters[i]
         for (let j = 0; j < chapter.subchapters.length; j++) {
           const subchapter = chapter.subchapters[j]
           for (let k = 0; k < subchapter.sections.length; k++) {
@@ -53,9 +53,9 @@ export default {
     },
     redirectToPreviousLeadingCitation() {
       let previousSectionId;
-      for (let i = 0; i < useSynopsisStore().synopsis.chapters.length; i++) {
+      for (let i = 0; i < useSynopsisStore().currentSynopsis.chapters.length; i++) {
         //TODO: think about better name than chapter in .json
-        const chapter = useSynopsisStore().synopsis.chapters[i]
+        const chapter = useSynopsisStore().currentSynopsis.chapters[i]
         for (let j = 0; j < chapter.subchapters.length; j++) {
           const subchapter = chapter.subchapters[j]
           for (let k = 0; k < subchapter.sections.length; k++) {
@@ -78,9 +78,9 @@ export default {
       }
     },
     redirectToNextLeadingCitation() {
-      for (let i = 0; i < useSynopsisStore().synopsis.chapters.length; i++) {
+      for (let i = 0; i < useSynopsisStore().currentSynopsis.chapters.length; i++) {
         //TODO: think about better name than chapter in .json
-        const chapter = useSynopsisStore().synopsis.chapters[i]
+        const chapter = useSynopsisStore().currentSynopsis.chapters[i]
         for (let j = 0; j < chapter.subchapters.length; j++) {
           const subchapter = chapter.subchapters[j]
           for (let k = 0; k < subchapter.sections.length; k++) {
@@ -123,11 +123,11 @@ export default {
   <div class="card h-100" v-if="citation?.content"
     :class="{ 'shadow border-dark': citation.leading }">
     <div class="card-header sticky-top bg-light">
-      {{ synopsisStore.dictionary.evangelists[evangelist] }} {{ citation?.citation }}
+      {{ synopsisStore.currentDictionary.evangelists[evangelist] }} {{ citation?.citation }}
       <template v-if="!$route.params.id">
         <button v-if="!citation.leading"
           @click="redirectToLeadingCitation(citation.content[0].chapter, citation.content[0].verse)" type="button"
-          class=" float-end btn  btn-sm py-0 m-0" :title="synopsisStore.dictionary.tooltips.jumpToMainText">
+          class=" float-end btn  btn-sm py-0 m-0" :title="synopsisStore.currentDictionary.tooltips.jumpToMainText">
 
           <i class="bi bi-compass fs-6 text-secondary"></i>
         </button>
@@ -138,12 +138,12 @@ export default {
       || (evangelist === 'lk' && sectionId === '365')
       || (evangelist === 'jn' && sectionId === '367')
     )" @click="redirectToNextLeadingCitation()" type="button" class=" float-end btn  btn-sm py-0 m-0"
-          :title="synopsisStore.dictionary.tooltips.nextMainText">
+          :title="synopsisStore.currentDictionary.tooltips.nextMainText">
           <i class="bi bi-arrow-down fs-6 text-secondary"></i>
         </button>
         <button v-if="citation.leading && sectionId !== '1'" @click="redirectToPreviousLeadingCitation()"
           type="button" class=" float-end btn  btn-sm py-0 m-0"
-          :title="synopsisStore.dictionary.tooltips.previousMainText">
+          :title="synopsisStore.currentDictionary.tooltips.previousMainText">
           <i class="bi bi-arrow-up fs-6 text-secondary"></i>
         </button>
       </template>
diff --git a/src/components/FunctionButtons.vue b/src/components/FunctionButtons.vue
index e6d3a8c6..e3f2663f 100644
--- a/src/components/FunctionButtons.vue
+++ b/src/components/FunctionButtons.vue
@@ -44,26 +44,26 @@ export default {
 
 <template>
     <router-link v-if="$route.name !== 'section'"
-        :to="{ name: 'section', params: { language: synopsisStore.language, translation: synopsisStore.translation, id: id } }"
+        :to="{ name: 'section', params: { language: synopsisStore.currentLanguage, translation: synopsisStore.currentTranslation, id: id } }"
         target="_blank">
         <button type="button" class="float-right btn btn-light  btn-sm ms-1 mb-1"
-            :title="synopsisStore.dictionary.tooltips.openSeparately">
+            :title="synopsisStore.currentDictionary.tooltips.openSeparately">
             <i class="bi bi-arrow-up-right-square fs-6"></i>
         </button>
     </router-link>
     <router-link v-if="$route.name !== 'synopsis'"
-        :to="{ name: 'synopsis', params: { language: synopsisStore.language, translation: synopsisStore.translation }, hash: '#' + id }">
+        :to="{ name: 'synopsis', params: { language: synopsisStore.currentLanguage, translation: synopsisStore.currentTranslation }, hash: '#' + id }">
         <button type="button" class="float-right btn btn-light btn-sm ms-1 mb-1"
-            :title="synopsisStore.dictionary.tooltips.openInSynopsis">
+            :title="synopsisStore.currentDictionary.tooltips.openInSynopsis">
             <i class="bi bi-arrow-down-left-square fs-6"></i>
         </button>
     </router-link>
     <button v-if="$route.name === 'synopsis'" @click="copyIdLink(id)" type="button"
-        class=" float-right btn btn-light btn-sm ms-1 mb-1" :title="synopsisStore.dictionary.tooltips.location">
+        class=" float-right btn btn-light btn-sm ms-1 mb-1" :title="synopsisStore.currentDictionary.tooltips.location">
         <i class="bi fs-6" :class="{ 'bi-link-45deg': !isIdCopied, 'bi-check': isIdCopied }"></i>
     </button>
     <button v-if="$route.name === 'section'" @click="copyShareLink(id)" type="button"
-        class="float-right  btn btn-light btn-sm ms-1 mb-1" :title="synopsisStore.dictionary.tooltips.share">
+        class="float-right  btn btn-light btn-sm ms-1 mb-1" :title="synopsisStore.currentDictionary.tooltips.share">
         <i class="bi fs-6" :class="{ 'bi-link-45deg': !isShareCopied, 'bi-check': isShareCopied }"></i>
     </button>
 </template>
\ No newline at end of file
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 7f39b2ee..e6487b54 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -25,7 +25,7 @@ export default {
     <nav class="navbar navbar-expand-lg bg-body-tertiary">
         <div class="container-fluid">
             <router-link
-                :to="{ name: 'synopsis', params: { language: synopsisStore.language, translation: synopsisStore.translation } }"
+                :to="{ name: 'synopsis', params: { language: synopsisStore.currentLanguage, translation: synopsisStore.currentTranslation } }"
                 :class="$route.name == 'synopsis' ? 'active' : ''" class="navbar-brand" aria-current="page">
                 <img src="/favicon.svg" alt="Szinopszis" width="33" height="33">
             </router-link>
@@ -38,34 +38,34 @@ export default {
                 <ul class="navbar-nav">
                     <li class="nav-item">
                         <router-link
-                            :to="{ name: 'synopsis', params: { language: synopsisStore.language, translation: synopsisStore.translation } }"
+                            :to="{ name: 'synopsis', params: { language: synopsisStore.currentLanguage, translation: synopsisStore.currentTranslation } }"
                             :class="$route.name == 'synopsis' ? 'active' : ''" class="nav-link" aria-current="page">{{
-                    synopsisStore.dictionary.menu.synopsis }}
+                    synopsisStore.currentDictionary.menu.synopsis }}
                         </router-link>
                     </li>
                     <li class="nav-item">
                         <router-link
-                            :to="{ name: 'index', params: { language: synopsisStore.language, translation: synopsisStore.translation } }"
+                            :to="{ name: 'index', params: { language: synopsisStore.currentLanguage, translation: synopsisStore.currentTranslation } }"
                             :class="$route.name == 'index' ? 'active' : ''" class="nav-link" aria-current="page">{{
-                    synopsisStore.dictionary.menu.index }}
+                    synopsisStore.currentDictionary.menu.index }}
                         </router-link>
                     </li>
                     <li class="nav-item">
-                        <router-link :to="{ name: 'about', params: { language: synopsisStore.language } }"
+                        <router-link :to="{ name: 'about', params: { language: synopsisStore.currentLanguage } }"
                             :class="$route.name == 'about' ? 'active' : ''" class="nav-link" aria-current="page">{{
-                    synopsisStore.dictionary.menu.about }}
+                    synopsisStore.currentDictionary.menu.about }}
                         </router-link>
                     </li>
                     <li class="nav-item">
-                        <router-link :to="{ name: 'sources', params: { language: synopsisStore.language } }"
+                        <router-link :to="{ name: 'sources', params: { language: synopsisStore.currentLanguage } }"
                             :class="$route.name == 'sources' ? 'active' : ''" class="nav-link" aria-current="page">{{
-                    synopsisStore.dictionary.menu.sources }}
+                    synopsisStore.currentDictionary.menu.sources }}
                         </router-link>
                     </li>
                     <li class="nav-item">
-                        <router-link :to="{ name: 'contact', params: { language: synopsisStore.language } }"
+                        <router-link :to="{ name: 'contact', params: { language: synopsisStore.currentLanguage } }"
                             :class="$route.name == 'contact' ? 'active' : ''" class="nav-link" aria-current="page">{{
-                    synopsisStore.dictionary.menu.contact }}
+                    synopsisStore.currentDictionary.menu.contact }}
                         </router-link>
                     </li>
                 </ul>
@@ -73,14 +73,14 @@ export default {
                     <li class="nav-item dropdown">
                         <button class="btn btn-sm btn-light border border-light-subtle dropdown-toggle"
                             data-bs-toggle="dropdown" aria-expanded="false">
-                            {{ synopsisStore.language.toUpperCase() }}
+                            {{ synopsisStore.currentLanguage.toUpperCase() }}
                             <i class="bi bi-globe2 fs-5 align-middle"></i>
                         </button>
                         <ul class="dropdown-menu dropdown-menu-end">
                             <template v-for="synopsis in synopsisStore.synopses">
-                                <li> <a @click="synopsis.language !== synopsisStore.language ? synopsisStore.changeLanguage(synopsis.language) : null"
+                                <li> <a @click="synopsis.language !== synopsisStore.currentLanguage ? synopsisStore.changeLanguage(synopsis.language) : null"
                                         class="dropdown-item hoverable text-black"
-                                        :class="synopsis.language === synopsisStore.language ? 'bg-dark-subtle' : ''">
+                                        :class="synopsis.language === synopsisStore.currentLanguage ? 'bg-dark-subtle' : ''">
                                         {{ synopsis.language.toUpperCase() }}</a></li>
                             </template>
                         </ul>
@@ -92,9 +92,9 @@ export default {
                         </button>
                         <ul class="dropdown-menu dropdown-menu-end">
                             <template v-for="synopsis in synopsisStore.synopses">
-                                <li> <a @click="synopsis.translation !== synopsisStore.translation ? synopsisStore.changeTranslation(synopsis.translation) : null"
+                                <li> <a @click="synopsis.translation !== synopsisStore.currentTranslation ? synopsisStore.changeTranslation(synopsis.translation) : null"
                                         class="dropdown-item hoverable text-black"
-                                        :class="synopsis.translation === synopsisStore.translation ? 'bg-dark-subtle' : ''">
+                                        :class="synopsis.translation === synopsisStore.currentTranslation ? 'bg-dark-subtle' : ''">
                                         {{ synopsis.translation}}</a></li>
                             </template>
                         </ul>
diff --git a/src/components/IndexRecord.vue b/src/components/IndexRecord.vue
index 4d1d6775..ee6a85f3 100644
--- a/src/components/IndexRecord.vue
+++ b/src/components/IndexRecord.vue
@@ -33,15 +33,15 @@ export default {
                     <tr>
                         <th class="fw-normal text-nowrap" scope="col"># ( <i
                                 class="bi bi-arrow-down-left-square fs-6"></i> )</th>
-                        <th class="fw-normal text-nowrap" scope="col">{{ synopsisStore.dictionary.index.title }} ( <i
+                        <th class="fw-normal text-nowrap" scope="col">{{ synopsisStore.currentDictionary.index.title }} ( <i
                                 class="bi bi-arrow-up-right-square fs-6"></i> )</th>
-                        <th class="text-center fw-normal" scope="col">{{ synopsisStore.dictionary.evangelists.mt }}
+                        <th class="text-center fw-normal" scope="col">{{ synopsisStore.currentDictionary.evangelists.mt }}
                         </th>
-                        <th class="text-center fw-normal" scope="col">{{ synopsisStore.dictionary.evangelists.mk }}
+                        <th class="text-center fw-normal" scope="col">{{ synopsisStore.currentDictionary.evangelists.mk }}
                         </th>
-                        <th class="text-center fw-normal" scope="col">{{ synopsisStore.dictionary.evangelists.lk }}
+                        <th class="text-center fw-normal" scope="col">{{ synopsisStore.currentDictionary.evangelists.lk }}
                         </th>
-                        <th class="text-center fw-normal" scope="col">{{ synopsisStore.dictionary.evangelists.jn }}
+                        <th class="text-center fw-normal" scope="col">{{ synopsisStore.currentDictionary.evangelists.jn }}
                         </th>
                     </tr>
                 </thead>
diff --git a/src/components/Section.vue b/src/components/Section.vue
index 5806a5d6..9af347d7 100644
--- a/src/components/Section.vue
+++ b/src/components/Section.vue
@@ -6,8 +6,8 @@ import { useSynopsisStore } from "@/stores/SynopsisStore"
 
 //TODO: proper typing
 function locateSection(id: string): any {
-    for (let i = 0; i < useSynopsisStore().synopsis.chapters.length; i++) {
-        const chapter = useSynopsisStore().synopsis.chapters[i]
+    for (let i = 0; i < useSynopsisStore().currentSynopsis.chapters.length; i++) {
+        const chapter = useSynopsisStore().currentSynopsis.chapters[i]
         for (let j = 0; j < chapter.subchapters.length; j++) {
             const subchapter = chapter.subchapters[j]
             for (let k = 0; k < subchapter.sections.length; k++) {
diff --git a/src/components/TitleChangeTableSZIT.vue b/src/components/TitleChangeTableSZIT.vue
index 85a3d96f..a0dec727 100644
--- a/src/components/TitleChangeTableSZIT.vue
+++ b/src/components/TitleChangeTableSZIT.vue
@@ -17,8 +17,8 @@ export default {
         <table class="table bg-dark table-sm table-striped table-bordered">
             <thead>
                 <tr>
-                    <th class="text-nowrap" scope="col">{{ synopsisStore.dictionary.sources.originalTitle }}</th>
-                    <th class="text-nowrap" scope="col">{{ synopsisStore.dictionary.sources.unifiedSZITTitle }}</th>
+                    <th class="text-nowrap" scope="col">{{ synopsisStore.currentDictionary.sources.originalTitle }}</th>
+                    <th class="text-nowrap" scope="col">{{ synopsisStore.currentDictionary.sources.unifiedSZITTitle }}</th>
                 </tr>
             </thead>
             <tbody class="table-group-divider">
diff --git a/src/components/en/AboutEn.vue b/src/components/en/AboutEn.vue
index fcea6d89..f8abdb26 100644
--- a/src/components/en/AboutEn.vue
+++ b/src/components/en/AboutEn.vue
@@ -26,7 +26,7 @@ export default {
             repetitions, in the original
             order of the verses. Each section contains maximum one body text, for one evangelist.
             In the <router-link
-                :to="{ name: 'index', params: { language: synopsisStore.language, translation: synopsisStore.translation } }">Table
+                :to="{ name: 'index', params: { language: synopsisStore.currentLanguage, translation: synopsisStore.currentTranslation } }">Table
                 of contents</router-link> ther citation appears with bold.
         </li>
         <li>Boxes with grey frame and no shadow contain parallel text.</li>
@@ -59,6 +59,6 @@ export default {
     </ul>
 
     <p>
-        More details under <router-link :to="{ name: 'sources', params: { language: synopsisStore.language } }">Sources</router-link>.
+        More details under <router-link :to="{ name: 'sources', params: { language: synopsisStore.currentLanguage } }">Sources</router-link>.
     </p>
 </template>
\ No newline at end of file
diff --git a/src/components/hu/AboutHu.vue b/src/components/hu/AboutHu.vue
index c913dd4c..6cd28a86 100644
--- a/src/components/hu/AboutHu.vue
+++ b/src/components/hu/AboutHu.vue
@@ -23,7 +23,7 @@ export default {
     </p>
     <ul>
         <li>A törzsszöveg fekete kerettel és árnyékkal jelenik meg. A
-            <router-link    :to="{ name: 'index', params: { language: synopsisStore.language, translation: synopsisStore.translation } }">tartalomjegyzékben</router-link>
+            <router-link    :to="{ name: 'index', params: { language: synopsisStore.currentLanguage, translation: synopsisStore.currentTranslation } }">tartalomjegyzékben</router-link>
             vastag kiemeléssel szerepelnek
             a hozzá tartozó idézetek. A törzsszöveg a teljes evangéliumot tartalmazza, ismétlődések nélkül, a versek
             eredeti sorrendjében. Minden szekcióban egy evangélistához, legfeljebb egy törzsszöveg található.
@@ -63,6 +63,6 @@ export default {
 
     <p>
         További részletekért lásd a <router-link
-            :to="{ name: 'sources', params: { language: synopsisStore.language } }">Források</router-link> menüpontot.
+            :to="{ name: 'sources', params: { language: synopsisStore.currentLanguage } }">Források</router-link> menüpontot.
     </p>
 </template>
\ No newline at end of file
diff --git a/src/stores/SynopsisStore.ts b/src/stores/SynopsisStore.ts
index a5b40d8b..8f141be2 100644
--- a/src/stores/SynopsisStore.ts
+++ b/src/stores/SynopsisStore.ts
@@ -19,23 +19,23 @@ const dictionary: any = {
 export const useSynopsisStore = defineStore('synopsis', {
     state: () => {
         return {
-            dictionary: dictionaryHu,
-            language: "hu",
-            translation: "SZIT",
-            synopsis: synopsisSZIT,
+            currentDictionary: dictionaryHu,
+            currentLanguage: "hu",
+            currentTranslation: "SZIT",
+            currentSynopsis: synopsisSZIT,
             synopses: [synopsisSZIT, synopsisESV]
         }
     },
     actions: {
         changeLanguage(language: string) {
             for (let synopsisIndex = 0; synopsisIndex < this.synopses.length; synopsisIndex++) {
-                if (this.language !== language && this.synopses[synopsisIndex].language === language) {
-                    this.language = language
-                    this.dictionary = dictionary[this.language]
+                if (this.currentLanguage !== language && this.synopses[synopsisIndex].language === language) {
+                    this.currentLanguage = language
+                    this.currentDictionary = dictionary[this.currentLanguage]
 
-                    this.synopsis = this.synopses[synopsisIndex]
-                    this.translation = this.synopsis.translation
-                    router.push({ name: router.currentRoute.value.name as string, params: { language: this.language, translation: this.translation } });
+                    this.currentSynopsis = this.synopses[synopsisIndex]
+                    this.currentTranslation = this.currentSynopsis.translation
+                    router.push({ name: router.currentRoute.value.name as string, params: { language: this.currentLanguage, translation: this.currentTranslation } });
                     break
                 }
             }
@@ -43,9 +43,9 @@ export const useSynopsisStore = defineStore('synopsis', {
         changeTranslation(translation: string) {
             for (let synopsisIndex = 0; synopsisIndex < this.synopses.length; synopsisIndex++) {
                 if (this.synopses[synopsisIndex].translation == translation) {
-                    this.synopsis = this.synopses[synopsisIndex]
-                    this.translation = translation
-                    router.push({ name: router.currentRoute.value.name as string, params: { language: this.language, translation: this.translation } });
+                    this.currentSynopsis = this.synopses[synopsisIndex]
+                    this.currentTranslation = translation
+                    router.push({ name: router.currentRoute.value.name as string, params: { language: this.currentLanguage, translation: this.currentTranslation } });
                     break
                 }
             }
@@ -53,7 +53,7 @@ export const useSynopsisStore = defineStore('synopsis', {
         //TODO: proper typing
         get(location: any) {
 
-            let result: any = this.synopsis.chapters[location.chapterIndex]
+            let result: any = this.currentSynopsis.chapters[location.chapterIndex]
             if (location.subchapterIndex !== null) {
                 result = result.subchapters[location.subchapterIndex]
                 if (location.sectionIndex !== null) {
@@ -64,22 +64,22 @@ export const useSynopsisStore = defineStore('synopsis', {
         },
         setupLanguage(language: any) {
             if (language !== "en") {
-                this.dictionary = dictionaryHu
-                this.language = "hu"
+                this.currentDictionary = dictionaryHu
+                this.currentLanguage = "hu"
             }
             else {
-                this.dictionary = dictionaryEn
-                this.language = "en"
+                this.currentDictionary = dictionaryEn
+                this.currentLanguage = "en"
             }
         },
         setupTranslation(translation: any) {
             if (translation === "SZIT") {
-                this.translation = "SZIT"
-                this.synopsis = synopsisSZIT
+                this.currentTranslation = "SZIT"
+                this.currentSynopsis = synopsisSZIT
             }
             if (translation === "ESV") {
-                this.translation = "ESV"
-                this.synopsis = synopsisESV
+                this.currentTranslation = "ESV"
+                this.currentSynopsis = synopsisESV
             }
         }
     }
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
index e35f6333..28f58b3d 100644
--- a/src/views/AboutView.vue
+++ b/src/views/AboutView.vue
@@ -20,8 +20,8 @@ export default {
 
 <template>
     <div class="container">
-        <h1 class="text-center">{{ synopsisStore.dictionary.menu.about }}</h1>
-        <AboutHu v-if="synopsisStore.language === 'hu'" />
-        <AboutEn v-if="synopsisStore.language !== 'hu'" />
+        <h1 class="text-center">{{ synopsisStore.currentDictionary.menu.about }}</h1>
+        <AboutHu v-if="synopsisStore.currentLanguage === 'hu'" />
+        <AboutEn v-if="synopsisStore.currentLanguage !== 'hu'" />
     </div>
 </template>
\ No newline at end of file
diff --git a/src/views/ContactView.vue b/src/views/ContactView.vue
index 859f6d42..8d9cac97 100644
--- a/src/views/ContactView.vue
+++ b/src/views/ContactView.vue
@@ -21,8 +21,8 @@ export default {
 
 <template>
   <div class="container">
-    <h1 class="text-center">{{ synopsisStore.dictionary.menu.contact }}</h1>
-    <ContactHu v-if="synopsisStore.language === 'hu'" />
-    <ContactEn v-if="synopsisStore.language !== 'hu'" />
+    <h1 class="text-center">{{ synopsisStore.currentDictionary.menu.contact }}</h1>
+    <ContactHu v-if="synopsisStore.currentLanguage === 'hu'" />
+    <ContactEn v-if="synopsisStore.currentLanguage !== 'hu'" />
   </div>
 </template>
\ No newline at end of file
diff --git a/src/views/IndexView.vue b/src/views/IndexView.vue
index 58bd6325..c030b8e4 100644
--- a/src/views/IndexView.vue
+++ b/src/views/IndexView.vue
@@ -16,7 +16,7 @@ export default {
   },
   methods: {
     delayedRender(index: number) {
-      if (index < this.synopsisStore.synopsis.chapters.length) {
+      if (index < this.synopsisStore.currentSynopsis.chapters.length) {
         setTimeout(() => {
           this.visibleIndex = index + 1;
           this.delayedRender(index + 1);
@@ -30,14 +30,14 @@ export default {
 
 <template>
   <div class="container">
-    <h1 class="text-center">{{ synopsisStore.dictionary.menu.index }}</h1>
+    <h1 class="text-center">{{ synopsisStore.currentDictionary.menu.index }}</h1>
 
-    <IndexRecord :chapter-name="synopsisStore.synopsis.chapters[0].chapter_name"
-      :subchapters="synopsisStore.synopsis.chapters[0].subchapters" />
-    <template v-for="chapterIndex in synopsisStore.synopsis.chapters.length - 1">
+    <IndexRecord :chapter-name="synopsisStore.currentSynopsis.chapters[0].chapter_name"
+      :subchapters="synopsisStore.currentSynopsis.chapters[0].subchapters" />
+    <template v-for="chapterIndex in synopsisStore.currentSynopsis.chapters.length - 1">
       <IndexRecord v-if="visibleIndex >= chapterIndex"
-        :chapter-name="synopsisStore.synopsis.chapters[chapterIndex].chapter_name"
-        :subchapters="synopsisStore.synopsis.chapters[chapterIndex].subchapters" />
+        :chapter-name="synopsisStore.currentSynopsis.chapters[chapterIndex].chapter_name"
+        :subchapters="synopsisStore.currentSynopsis.chapters[chapterIndex].subchapters" />
     </template>
 
   </div>
diff --git a/src/views/NotFoundView.vue b/src/views/NotFoundView.vue
index 074306b9..8c1b96dd 100644
--- a/src/views/NotFoundView.vue
+++ b/src/views/NotFoundView.vue
@@ -14,6 +14,6 @@ export default {
 <template>
     <div class="container">
         <h1 class="text-center">4<img src="/favicon.svg" alt="Szinopszis" width="22" height="22">4 {{
-            synopsisStore.dictionary.notFound.notFound }}</h1>
+            synopsisStore.currentDictionary.notFound.notFound }}</h1>
     </div>
 </template>
\ No newline at end of file
diff --git a/src/views/SourcesView.vue b/src/views/SourcesView.vue
index e4d74000..843e5ee0 100644
--- a/src/views/SourcesView.vue
+++ b/src/views/SourcesView.vue
@@ -20,8 +20,8 @@ export default {
 
 <template>
     <div class="container">
-        <h1 class="text-center">{{ synopsisStore.dictionary.menu.sources }}</h1>
-        <SourcesHu v-if="synopsisStore.language === 'hu'" />
-        <SourcesEn v-if="synopsisStore.language !== 'hu'" />
+        <h1 class="text-center">{{ synopsisStore.currentDictionary.menu.sources }}</h1>
+        <SourcesHu v-if="synopsisStore.currentLanguage === 'hu'" />
+        <SourcesEn v-if="synopsisStore.currentLanguage !== 'hu'" />
     </div>
 </template>
\ No newline at end of file
diff --git a/src/views/SynopsisView.vue b/src/views/SynopsisView.vue
index baeefc89..f0b86f65 100644
--- a/src/views/SynopsisView.vue
+++ b/src/views/SynopsisView.vue
@@ -29,7 +29,7 @@ export default {
       if (!this.scrolledToAnchor) {
         this.scrollToAnchor();
       }
-      if (index < this.synopsisStore.synopsis.chapters.length) {
+      if (index < this.synopsisStore.currentSynopsis.chapters.length) {
         setTimeout(() => {
           this.visibleIndex = index + 1;
           this.delayedRender(index + 1);
@@ -80,8 +80,8 @@ export default {
 
 <template>
   <div class="container-fluid">
-    <h1 class="text-center display-1">{{ synopsisStore.dictionary.menu.synopsis }}</h1>
-    <p class="text-center">{{ synopsisStore.dictionary.synopsis.subheading }}</p>
+    <h1 class="text-center display-1">{{ synopsisStore.currentDictionary.menu.synopsis }}</h1>
+    <p class="text-center">{{ synopsisStore.currentDictionary.synopsis.subheading }}</p>
     <div v-if="showScroller" class="spinner-background">
       <!-- Spinner -->
       <div class="spinner-border spinner-border-lg" role="status">
@@ -89,7 +89,7 @@ export default {
       </div>
     </div>
 
-    <template v-show="!showScroller" v-for="chapterIndex in synopsisStore.synopsis.chapters.length">
+    <template v-show="!showScroller" v-for="chapterIndex in synopsisStore.currentSynopsis.chapters.length">
       <Chapter v-if="visibleIndex >= chapterIndex - 1"
         :chapter-location="{ chapterIndex: chapterIndex - 1, subchapterIndex: null, sectionIndex: null }" />
     </template>