refactor: add dictionary article

vuesence · May 27, 2024 · 1265df3 · 1265df3
1 parent 5e263e0
commit 1265df3
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 11 deletions.
diff --git a/src/components/LemmaDescription.vue b/src/components/LemmaDescription.vue
@@ -102,7 +102,7 @@ function playAudio() {
       margin: 5px 0;
       color: var(--vwa-c-text-3);
       transition: all 0.3s ease;
-      &.pr {
+      &.pron {
         cursor: pointer;
         &:hover {
           color: var(--vwa-c-brand-2);

diff --git a/src/components/DictionaryArticle.vue → src/components/LemmaDictionaryArticle.vue b/src/components/DictionaryArticle.vue → src/components/LemmaDictionaryArticle.vue
@@ -32,12 +32,14 @@ watch(() => props.dict, async () => {
 </script>
 
 <template>
-  <div>
+  <article>
     <h2>{{ title }}</h2>
-    <article v-if="props.sn" class="dict" v-html="data" />
-  </div>
+    <div v-if="props.sn" class="dict" v-html="data" />
+  </article>
 </template>
 
 <style scoped>
-
+article {
+  color: var(--vwa-c-text-2);
+}
 </style>
diff --git a/src/router/routes.ts b/src/router/routes.ts
@@ -4,7 +4,7 @@ import LemmaView from "@/views/LemmaView.vue";
 // import LemmaDescription from "@/components/LemmaDescription.vue";
 import AboutView from "@/views/AboutView.vue";
 import LemmaOccurrences from "@/components/LemmaOccurrences.vue";
-import DictionaryArticle from "@/components/DictionaryArticle.vue";
+import LemmaDictionaryArticle from "@/components/LemmaDictionaryArticle.vue";
 // import ContactsView from "@/views/ContactsView.vue";
 
 const routes: RouteRecordRaw[] = [
@@ -36,15 +36,15 @@ const routes: RouteRecordRaw[] = [
       {
         name: "lemma-bdb-dict",
         path: "bdb",
-        props: route => ({ sn: route.params.sn, dict: "bdb" }),
-        component: DictionaryArticle,
+        props: (route) => ({ sn: route.params.sn, dict: "bdb" }),
+        component: LemmaDictionaryArticle,
       },
       {
         name: "lemma-gesenius-dict",
         path: "gesenius",
         // props: true,
-        props: route => ({ sn: route.params.sn, dict: "gesenius" }),
-        component: DictionaryArticle,
+        props: (route) => ({ sn: route.params.sn, dict: "gesenius" }),
+        component: LemmaDictionaryArticle,
       },
     ],
   },

diff --git a/src/services/api/bible.ts b/src/services/api/bible.ts
@@ -8,7 +8,7 @@ const bible = {
       `http://192.168.1.101/api/verse/?
         bookId=${bookId}&chapterId=${chapterId}&verseId=${verseId}`,
     );
-    console.debug("loaded verse:", data);
+    // console.debug("loaded verse:", data);
 
     // const data = await response.text();
     return data;