diff --git a/src/components/SubscriptionListItem.vue b/src/components/SubscriptionListItem.vue
new file mode 100644
index 0000000..5a15cb2
--- /dev/null
+++ b/src/components/SubscriptionListItem.vue
@@ -0,0 +1,94 @@
+
+
+
+
+
+
+ (Loading RSS data...)
+ {{ podcastData?.description }}
+
+
+
+ Podcast's homepage
+
+
+
+
+
+ RSS feed
+
+
+
+
+
+
+
+
diff --git a/src/views/PersonalSettingsPage.vue b/src/views/PersonalSettingsPage.vue
index 334d826..2e2c528 100644
--- a/src/views/PersonalSettingsPage.vue
+++ b/src/views/PersonalSettingsPage.vue
@@ -4,33 +4,9 @@
:description="t('gpoddersync', 'Podcast subscriptions that has so far been synchronized with this Nextcloud account.')">
-
-
-
-
-
- {{ sub.podcastData?.description }}
-
-
-
- Podcast's homepage
-
-
-
-
-
- RSS feed
-
-
-
+ :sub="sub" />
@@ -51,14 +27,11 @@