<template>
	<AppContent>
		<EmptyContent :name="t('repod', 'Missing required app')">
			<template #action>
				<NcButton :href="gPodderSyncUrl">
					{{ t('repod', 'Install GPodder Sync') }}
				</NcButton>
			</template>
			<template #icon>
				<Alert />
			</template>
		</EmptyContent>
	</AppContent>
</template>

<script lang="ts">
import Alert from 'vue-material-design-icons/Alert.vue'
import AppContent from '../components/Atoms/AppContent.vue'
import EmptyContent from '../components/Atoms/EmptyContent.vue'
import { NcButton } from '@nextcloud/vue'
import { generateUrl } from '@nextcloud/router'
import { t } from '@nextcloud/l10n'

export default {
	name: 'GPodder',
	components: {
		Alert,
		AppContent,
		EmptyContent,
		NcButton,
	},
	computed: {
		gPodderSyncUrl() {
			return generateUrl('/settings/apps/installed/gpoddersync')
		},
	},
	methods: {
		t,
	},
}
</script>
