From d43f77a894f37190dc6aedf2c2def0fa12fc32b6 Mon Sep 17 00:00:00 2001
From: Faruk AYDIN <omerfaruk26@gmail.com>
Date: Wed, 2 Nov 2022 18:48:34 +0100
Subject: [PATCH] fix: Use withBase method for app images on documentation

---
 packages/docs/pages/apps/discord/actions.md   |  2 +-
 packages/docs/pages/apps/flickr/triggers.md   |  5 +----
 packages/docs/pages/apps/github/actions.md    |  2 +-
 packages/docs/pages/apps/github/triggers.md   |  5 +----
 packages/docs/pages/apps/rss/triggers.md      |  2 +-
 .../docs/pages/apps/scheduler/triggers.md     |  5 +----
 packages/docs/pages/apps/slack/actions.md     |  3 +--
 packages/docs/pages/apps/smtp/actions.md      |  2 +-
 packages/docs/pages/apps/twilio/actions.md    |  2 +-
 packages/docs/pages/apps/twilio/triggers.md   |  2 +-
 packages/docs/pages/apps/twitter/actions.md   |  2 +-
 packages/docs/pages/apps/twitter/triggers.md  |  5 +----
 .../docs/pages/components/CustomListing.vue   | 20 +++++++++++++++----
 13 files changed, 28 insertions(+), 29 deletions(-)

diff --git a/packages/docs/pages/apps/discord/actions.md b/packages/docs/pages/apps/discord/actions.md
index cb6015f4..f5798168 100644
--- a/packages/docs/pages/apps/discord/actions.md
+++ b/packages/docs/pages/apps/discord/actions.md
@@ -1,8 +1,8 @@
 ---
+favicon: /favicons/discord.svg
 items:
   - name: Send a message to channel
     desc: Sends a message to a specific channel you specify.
-    avatar: /favicons/discord.svg
 ---
 
 <script setup>
diff --git a/packages/docs/pages/apps/flickr/triggers.md b/packages/docs/pages/apps/flickr/triggers.md
index 8adef87c..6067900b 100644
--- a/packages/docs/pages/apps/flickr/triggers.md
+++ b/packages/docs/pages/apps/flickr/triggers.md
@@ -1,17 +1,14 @@
 ---
+favicon: /favicons/flickr.svg
 items:
   - name: New albums
     desc: Triggers when you create a new album.
-    avatar: /favicons/flickr.svg
   - name: New favorite photos
     desc: Triggers when you favorite a photo.
-    avatar: /favicons/flickr.svg
   - name: New photos
     desc: Triggers when you add a new photo.
-    avatar: /favicons/flickr.svg
   - name: New photos in album
     desc: Triggers when you add a new photo in an album.
-    avatar: /favicons/flickr.svg
 ---
 
 <script setup>
diff --git a/packages/docs/pages/apps/github/actions.md b/packages/docs/pages/apps/github/actions.md
index cf523c35..b5ae61bd 100644
--- a/packages/docs/pages/apps/github/actions.md
+++ b/packages/docs/pages/apps/github/actions.md
@@ -1,8 +1,8 @@
 ---
+favicon: /favicons/github.svg
 items:
   - name: Create issue
     desc: Creates a new issue.
-    avatar: /favicons/github.svg
 ---
 
 <script setup>
diff --git a/packages/docs/pages/apps/github/triggers.md b/packages/docs/pages/apps/github/triggers.md
index dd33f009..ea63b4ad 100644
--- a/packages/docs/pages/apps/github/triggers.md
+++ b/packages/docs/pages/apps/github/triggers.md
@@ -1,17 +1,14 @@
 ---
+favicon: /favicons/github.svg
 items:
   - name: New issues
     desc: Triggers when a new issue is created
-    avatar: /favicons/github.svg
   - name: New pull requests
     desc: Triggers when a new pull request is created
-    avatar: /favicons/github.svg
   - name: New stargazers
     desc: Triggers when a user stars a repository
-    avatar: /favicons/github.svg
   - name: New watchers
     desc: Triggers when a user watches a repository
-    avatar: /favicons/github.svg
 ---
 
 <script setup>
diff --git a/packages/docs/pages/apps/rss/triggers.md b/packages/docs/pages/apps/rss/triggers.md
index 1071116f..f18e3549 100644
--- a/packages/docs/pages/apps/rss/triggers.md
+++ b/packages/docs/pages/apps/rss/triggers.md
@@ -1,8 +1,8 @@
 ---
+favicon: /favicons/rss.svg
 items:
   - name: New items in feed
     desc: Triggers on new RSS feed item.
-    avatar: /favicons/rss.svg
 ---
 
 <script setup>
diff --git a/packages/docs/pages/apps/scheduler/triggers.md b/packages/docs/pages/apps/scheduler/triggers.md
index cc161d3a..d4a0f90c 100644
--- a/packages/docs/pages/apps/scheduler/triggers.md
+++ b/packages/docs/pages/apps/scheduler/triggers.md
@@ -1,17 +1,14 @@
 ---
+favicon: /favicons/scheduler.svg
 items:
   - name: Every hour
     desc: Triggers every hour.
-    avatar: /favicons/scheduler.svg
   - name: Every day
     desc: Triggers every day.
-    avatar: /favicons/scheduler.svg
   - name: Every week
     desc: Triggers every week.
-    avatar: /favicons/scheduler.svg
   - name: Every month
     desc: Triggers every month.
-    avatar: /favicons/scheduler.svg
 ---
 
 <script setup>
diff --git a/packages/docs/pages/apps/slack/actions.md b/packages/docs/pages/apps/slack/actions.md
index 371e7588..5cf341cd 100644
--- a/packages/docs/pages/apps/slack/actions.md
+++ b/packages/docs/pages/apps/slack/actions.md
@@ -1,11 +1,10 @@
 ---
+favicon: /favicons/slack.svg
 items:
   - name: Find a message
     desc: Finds a message using the Slack search feature.
-    avatar: /favicons/slack.svg
   - name: Send a message to channel
     desc: Sends a message to a channel you specify.
-    avatar: /favicons/slack.svg
 ---
 
 <script setup>
diff --git a/packages/docs/pages/apps/smtp/actions.md b/packages/docs/pages/apps/smtp/actions.md
index ac215d78..34c2350c 100644
--- a/packages/docs/pages/apps/smtp/actions.md
+++ b/packages/docs/pages/apps/smtp/actions.md
@@ -1,8 +1,8 @@
 ---
+favicon: /favicons/smtp.svg
 items:
   - name: Send an email
     desc: Sends an email
-    avatar: /favicons/smtp.svg
 ---
 
 <script setup>
diff --git a/packages/docs/pages/apps/twilio/actions.md b/packages/docs/pages/apps/twilio/actions.md
index cf4dbfdd..e2181878 100644
--- a/packages/docs/pages/apps/twilio/actions.md
+++ b/packages/docs/pages/apps/twilio/actions.md
@@ -1,8 +1,8 @@
 ---
+favicon: /favicons/twilio.svg
 items:
   - name: Send an SMS
     desc: Sends an SMS
-    avatar: /favicons/twilio.svg
 ---
 
 <script setup>
diff --git a/packages/docs/pages/apps/twilio/triggers.md b/packages/docs/pages/apps/twilio/triggers.md
index 3e1f5e0e..5199832b 100644
--- a/packages/docs/pages/apps/twilio/triggers.md
+++ b/packages/docs/pages/apps/twilio/triggers.md
@@ -1,8 +1,8 @@
 ---
+favicon: /favicons/twilio.svg
 items:
   - name: Receive SMS
     desc: Triggers when a new SMS is received.
-    avatar: /favicons/twilio.svg
 ---
 
 <script setup>
diff --git a/packages/docs/pages/apps/twitter/actions.md b/packages/docs/pages/apps/twitter/actions.md
index 2f4d938f..3b3944ab 100644
--- a/packages/docs/pages/apps/twitter/actions.md
+++ b/packages/docs/pages/apps/twitter/actions.md
@@ -1,8 +1,8 @@
 ---
+favicon: /favicons/twitter.svg
 items:
   - name: Create Tweet
     desc: Create a tweet.
-    avatar: /favicons/twitter.svg
 ---
 
 <script setup>
diff --git a/packages/docs/pages/apps/twitter/triggers.md b/packages/docs/pages/apps/twitter/triggers.md
index 7e98a454..0494ea18 100644
--- a/packages/docs/pages/apps/twitter/triggers.md
+++ b/packages/docs/pages/apps/twitter/triggers.md
@@ -1,17 +1,14 @@
 ---
+favicon: /favicons/twitter.svg
 items:
   - name: My tweets
     desc: Triggers when you tweet something new.
-    avatar: /favicons/twitter.svg
   - name: New followers of me
     desc: Triggers when you have a new follower.
-    avatar: /favicons/twitter.svg
   - name: Search tweets
     desc: Triggers when there is a new tweet containing a specific keyword, phrase, username or hashtag.
-    avatar: /favicons/twitter.svg
   - name: User tweets
     desc: Triggers when a specific user tweet something new.
-    avatar: /favicons/twitter.svg
 ---
 
 <script setup>
diff --git a/packages/docs/pages/components/CustomListing.vue b/packages/docs/pages/components/CustomListing.vue
index fdc4e42c..d9bdca12 100644
--- a/packages/docs/pages/components/CustomListing.vue
+++ b/packages/docs/pages/components/CustomListing.vue
@@ -1,12 +1,24 @@
 <script setup>
-import { useData } from 'vitepress';
+import { computed } from 'vue';
+import { useData, withBase } from 'vitepress';
 import { VPTeamMembers } from 'vitepress/theme';
 
-const props = defineProps(['favicon']);
-
 const { frontmatter: fm } = useData();
+
+const computedItems = computed(() => {
+  const itemsLength = fm.value.items?.length;
+
+  if (!itemsLength) return [];
+
+  return fm.value.items.map((item) => {
+    return {
+      ...item,
+      avatar: withBase(fm.value.favicon),
+    };
+  });
+});
 </script>
 
 <template>
-  <VPTeamMembers size="small" :members="fm.items" />
+  <VPTeamMembers size="small" :members="computedItems" />
 </template>