<template>
	<NcContent app-name="repod">
		<NcAppNavigation>
			<NcAppNavigationNew :text="t('repod', 'Add a podcast')"
				@click="discover" />
			<ul>
				<NcAppNavigationItem v-for="podcast in podcasts"
					:key="podcast.id"
					:name="podcast.id"
					:title="note.title ? note.title : t('repod', 'New note')"
					:class="{active: currentNoteId === note.id}"
					@click="openNote(note)" />
			</ul>
		</NcAppNavigation>
		<NcAppContent>
		</NcAppContent>
	</NcContent>
</template>

<script>
import { NcAppContent, NcContent, NcAppNavigation, NcAppNavigationItem, NcAppNavigationNew } from '@nextcloud/vue'

export default {
	name: 'App',
	components: {
		NcAppContent,
		NcAppNavigation,
		NcAppNavigationItem,
		NcAppNavigationNew,
		NcContent
	},
	data() {
		return {
			podcasts: [],
		}
	},
	computed: {
	},
	async mounted() {
	},
	methods: {
	},
}
</script>
<style scoped>
</style>
