<template>
	<NcContent app-name="repod">
		<GPodder v-if="!gpodder" />
		<Subscriptions v-if="gpodder" />
		<router-view v-if="gpodder" :key="$route.path" />
		<Bar />
	</NcContent>
</template>

<script>
import '@nextcloud/dialogs/style.css'
import Bar from './components/Player/Bar.vue'
import GPodder from './views/GPodder.vue'
import { NcContent } from '@nextcloud/vue'
import Subscriptions from './components/Sidebar/Subscriptions.vue'
import { loadState } from '@nextcloud/initial-state'

export default {
	name: 'App',
	components: {
		Bar,
		GPodder,
		NcContent,
		Subscriptions,
	},
	computed: {
		gpodder() {
			return loadState('repod', 'gpodder', false)
		},
	},
}
</script>
