Merge pull request #672 from automatisch/fix/docs-app-images

fix: Use withBase method for app images on documentation

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>