Fix #3177 (write OT quotes in italic font)

AndBible · Jan 25, 2024 · 98fd22e · 98fd22e
1 parent 4b74fbe
commit 98fd22e
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/app/bibleview-js/src/components/OSIS/Seg.vue b/app/bibleview-js/src/components/OSIS/Seg.vue
@@ -16,17 +16,23 @@
   -->
 
 <template>
-  <slot/>
+  <span :class="{otPassage: isOtPassage}"><slot/></span>
 </template>
 
 <script setup lang="ts">
 import {checkUnsupportedProps, useCommon} from "@/composables";
+import {computed} from "vue";
 
 const props = defineProps<{type?: string}>();
-checkUnsupportedProps(props, "type", ["x-chronology", "font-size: -1;"]);
+checkUnsupportedProps(props, "type", ["otPassage", "x-chronology", "font-size: -1;"]);
+const isOtPassage = computed(() => props.type === "otPassage");
 useCommon();
 </script>
 
 <style scoped>
 
+.otPassage {
+    font-style: italic;
+}
+
 </style>