Add gpodder alert

composer.lock

@@ -94,16 +94,16 @@
         },
         {
             "name": "php-cs-fixer/shim",
-            "version": "v3.20.0",
+            "version": "v3.21.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/PHP-CS-Fixer/shim.git",
-                "reference": "3253acf5cdb96383bb37ce7052e5dbf49a660f1e"
+                "reference": "828e9934f5ff282e8fb9cac21898bc361e569342"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/PHP-CS-Fixer/shim/zipball/3253acf5cdb96383bb37ce7052e5dbf49a660f1e",
+                "url": "https://api.github.com/repos/PHP-CS-Fixer/shim/zipball/828e9934f5ff282e8fb9cac21898bc361e569342",
-                "reference": "3253acf5cdb96383bb37ce7052e5dbf49a660f1e",
+                "reference": "828e9934f5ff282e8fb9cac21898bc361e569342",
                 "shasum": ""
             },
             "require": {
@@ -140,9 +140,9 @@
             "description": "A tool to automatically fix PHP code style",
             "support": {
                 "issues": "https://github.com/PHP-CS-Fixer/shim/issues",
-                "source": "https://github.com/PHP-CS-Fixer/shim/tree/v3.20.0"
+                "source": "https://github.com/PHP-CS-Fixer/shim/tree/v3.21.1"
             },
-            "time": "2023-06-27T20:23:49+00:00"
+            "time": "2023-07-05T21:51:13+00:00"
         },
         {
             "name": "psalm/phar",

src/views/Discover.vue

@@ -36,12 +36,6 @@ export default {
 			search: '',
 		}
 	},
-	computed: {
-	},
-	async mounted() {
-	},
-	methods: {
-	},
 }
 </script>
 

src/views/GPodder.vue

@@ -1,9 +1,39 @@
 <template>
-	<div>Oui</div>
+	<NcAppContent>
+		<NcEmptyContent :title="t('Missing required app')">
+			<template #icon>
+				<Alert />
+			</template>
+			<template #action>
+				<NcButton :href="gPodderSyncUrl">
+					{{ t('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,
+	},
+	data() {
+		return {
+			gPodderSyncUrl: generateUrl('/settings/apps/installed/gpoddersync'),
+		}
+	},
 }
 </script>

src/views/Index.vue

@@ -59,8 +59,6 @@ export default {
 			loading: true,
 		}
 	},
-	computed: {
-	},
 	async mounted() {
 		try {
 			const metrics = await axios.get(generateUrl('/apps/gpoddersync/personal_settings/metrics'))