38 lines
777 B
JavaScript
38 lines
777 B
JavaScript
|
|
const Context =
|
|
{
|
|
props: ["modifier", "context", "avatar", "audio", "id"],
|
|
|
|
setup(props) {
|
|
const playback = Vue.ref(false);
|
|
|
|
Vue.onMounted(() => {
|
|
window.mainApi.on("playback", (id, status) => {
|
|
if (id === props.id) {
|
|
playback.value = status;
|
|
}
|
|
});
|
|
});
|
|
|
|
return { playback };
|
|
},
|
|
|
|
template: `
|
|
<span :class="'context ' + modifier + '-context'">
|
|
|
|
<div
|
|
v-show="avatar"
|
|
class="context-avatar"
|
|
:class="{ audio: playback }"
|
|
>
|
|
|
|
<img :src="avatar">
|
|
|
|
</div>
|
|
|
|
{{ context }}
|
|
|
|
</span> `
|
|
}
|
|
|
|
export default Context;
|