34 lines
741 B
Vue
34 lines
741 B
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<div
|
||
|
|
v-for="(member, index) in inner.members"
|
||
|
|
:key="index"
|
||
|
|
class="flex mt-2 items-center leading-none text-gray-100"
|
||
|
|
>
|
||
|
|
<span class="grow" v-text="`${member.name}`"></span>
|
||
|
|
<span class="mr-2 text-sm tex-gray-600" v-text="`${member.try_ends_at}`"></span>
|
||
|
|
<span class="text-xs tex-gray-600" v-text="`${member.try_ends_at_human}`"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data: function () {
|
||
|
|
return {
|
||
|
|
inner: {
|
||
|
|
members: [],
|
||
|
|
},
|
||
|
|
};
|
||
|
|
},
|
||
|
|
|
||
|
|
props: {
|
||
|
|
data: {},
|
||
|
|
},
|
||
|
|
|
||
|
|
created() {
|
||
|
|
this.inner = this.data;
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|