2024-01-16 21:12:07 +00:00
|
|
|
<template>
|
2024-09-02 12:13:57 +00:00
|
|
|
<NcAppNavigation :class="{ episode }">
|
2024-01-16 21:12:07 +00:00
|
|
|
<slot />
|
|
|
|
<template #list>
|
|
|
|
<slot name="list" />
|
|
|
|
</template>
|
|
|
|
<template #footer>
|
|
|
|
<slot name="footer" />
|
|
|
|
</template>
|
|
|
|
</NcAppNavigation>
|
|
|
|
</template>
|
|
|
|
|
2024-09-13 06:56:04 +00:00
|
|
|
<script lang="ts">
|
2024-01-16 21:12:07 +00:00
|
|
|
import { NcAppNavigation } from '@nextcloud/vue'
|
2024-08-09 09:38:00 +00:00
|
|
|
import { mapState } from 'pinia'
|
2024-09-13 06:56:04 +00:00
|
|
|
import { usePlayer } from '../../store/player.ts'
|
2024-01-16 21:12:07 +00:00
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'AppNavigation',
|
|
|
|
components: {
|
|
|
|
NcAppNavigation,
|
|
|
|
},
|
|
|
|
computed: {
|
2024-08-09 09:38:00 +00:00
|
|
|
...mapState(usePlayer, ['episode']),
|
2024-01-16 21:12:07 +00:00
|
|
|
},
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped>
|
2024-09-02 12:13:57 +00:00
|
|
|
.episode {
|
2024-04-29 22:48:47 +00:00
|
|
|
padding-bottom: 6rem;
|
|
|
|
}
|
2024-01-16 21:12:07 +00:00
|
|
|
</style>
|