repod/src/views/GPodder.vue

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

<script>
import {
	NcAppContent,
	NcButton,
	NcEmptyContent,
} from '@nextcloud/vue'
import Alert from 'vue-material-design-icons/Alert.vue'
import { generateUrl } from '@nextcloud/router'

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