repod/src/components/Player/Controls.vue
Michel Roux 7af1548624
All checks were successful
repod / xml (push) Successful in 14s
repod / php (push) Successful in 51s
repod / nodejs (push) Successful in 1m47s
Remove useless stop
2024-01-09 22:36:36 +01:00

41 lines
678 B
Vue

<template>
<div class="controls">
<PauseButton v-if="!player.paused"
class="pointer"
:size="50"
@click="$store.dispatch('player/pause')" />
<PlayButton v-if="player.paused"
class="pointer"
:size="50"
@click="$store.dispatch('player/play')" />
</div>
</template>
<script>
import PauseButton from 'vue-material-design-icons/Pause.vue'
import PlayButton from 'vue-material-design-icons/Play.vue'
export default {
name: 'Controls',
components: {
PauseButton,
PlayButton,
},
computed: {
player() {
return this.$store.state.player
},
},
}
</script>
<style scoped>
.controls {
display: flex;
}
.pointer {
cursor: pointer;
}
</style>