2020-10-24 00:32:17 +00:00
|
|
|
<template>
|
|
|
|
<ul :dir="dir"
|
|
|
|
class="uk-margin-medium-top uk-list uk-list-divider uk-animation-hover">
|
2020-11-02 07:51:37 +00:00
|
|
|
<li v-for="(verse, i) in verses" :key="i"
|
2020-10-24 00:32:17 +00:00
|
|
|
:class="`uk-animation-slide-bottom uk-animation-15 uk-animation-hover`">
|
|
|
|
|
2020-10-27 21:00:46 +00:00
|
|
|
<h5 class=" uk-primary">
|
|
|
|
<span class="uk-heading-bullet"> {{book_name}} </span>
|
2020-10-24 00:32:17 +00:00
|
|
|
<span class="uk-badge badge-light">
|
|
|
|
{{verse.chapter}}:{{verse.verse}}
|
|
|
|
</span>
|
2020-10-27 21:00:46 +00:00
|
|
|
</h5>
|
2020-10-24 00:32:17 +00:00
|
|
|
{{verse.text}} <br/>
|
|
|
|
<p></p>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</template>
|
|
|
|
<script>
|
2020-11-03 19:05:21 +00:00
|
|
|
import {mapGetters} from 'vuex';
|
2020-10-24 00:32:17 +00:00
|
|
|
export default {
|
2020-11-02 07:51:37 +00:00
|
|
|
data: () => {
|
|
|
|
return {
|
|
|
|
// dir: ''
|
|
|
|
// book_name: ''
|
|
|
|
// chapter:''
|
|
|
|
}
|
|
|
|
},
|
|
|
|
computed: {
|
2020-11-03 19:05:21 +00:00
|
|
|
...mapGetters(['verses', 'dir', 'book_name'])
|
2020-10-24 00:32:17 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|