repod/src/components/Player/ProgressBar.vue
Michel Roux b0a0414fd4
All checks were successful
repod / xml (push) Successful in 1m25s
repod / php (push) Successful in 45s
repod / nodejs (push) Successful in 1m30s
repod / release (push) Has been skipped
refactor: 🎨 add prettier and update deps
2024-04-30 00:48:47 +02:00

31 lines
455 B
Vue

<template>
<input
class="progress"
:max="player.duration"
min="0"
type="range"
:value="player.currentTime"
@change="(event) => $store.dispatch('player/seek', event.target.value)" />
</template>
<script>
export default {
name: 'ProgressBar',
computed: {
player() {
return this.$store.state.player
},
},
}
</script>
<style scoped>
.progress {
height: 4px;
min-height: 4px;
position: absolute;
top: -2px;
width: 99%;
}
</style>