1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
<script> export default { props: { isGroupOpen: { type: Boolean, required: true, default: false, }, }, computed: { iconClass() { return this.isGroupOpen ? 'fa-caret-down' : 'fa-caret-right'; }, }, }; </script> <template> <span class="folder-caret"> <i :class="iconClass" class="fa" aria-hidden="true"/> </span> </template>