mirror of
https://github.com/advplyr/audiobookshelf.git
synced 2026-07-12 12:21:34 +00:00
29 lines
494 B
Vue
29 lines
494 B
Vue
<template>
|
|
<div :class="{ 'text-warning': isActive }">
|
|
<div v-html="cue.text"></div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
cue: VTTCue
|
|
},
|
|
data() {
|
|
return {
|
|
isActive: false
|
|
};
|
|
},
|
|
created() {
|
|
this.cue.onenter = () => (this.isActive = true);
|
|
this.cue.onexit = () => (this.isActive = false);
|
|
},
|
|
watch: {
|
|
isActive(newVal) {
|
|
if (newVal) {
|
|
this.$el.scrollIntoView({behavior: 'smooth'});
|
|
}
|
|
}
|
|
}
|
|
};
|
|
</script>
|