From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Mon, 17 May 2021 12:58:44 +0000 (+0200)
Subject: docs: add sponsors to every page
X-Git-Tag: v4.0.9~46
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=bae55c9009985f654032a7a93f72812b05383d63;p=thirdparty%2Fvuejs%2Frouter.git

docs: add sponsors to every page
---

diff --git a/docs/.vitepress/theme/Layout.vue b/docs/.vitepress/theme/Layout.vue
index 15e3cbe8..6cdec6ad 100644
--- a/docs/.vitepress/theme/Layout.vue
+++ b/docs/.vitepress/theme/Layout.vue
@@ -17,6 +17,26 @@
         :placement="$site.themeConfig.carbonAds.placement"
       />
     </template>
+    <template #sidebar-bottom>
+      <div class="sponsors">
+        <a
+          href="https://github.com/sponsors/posva"
+          target="_blank"
+          rel="noopener"
+          >Sponsors</a
+        >
+
+        <a
+          v-for="sponsor in sponsors.gold"
+          :href="sponsor.href"
+          :key="sponsor.href"
+          target="_blank"
+          rel="noopener"
+        >
+          <img :src="sponsor.imgSrcLight" :alt="sponsor.alt" />
+        </a>
+      </div>
+    </template>
   </ParentLayout>
 </template>
 
@@ -24,6 +44,7 @@
 import DefaultTheme from 'vitepress/dist/client/theme-default'
 import CarbonAds from './components/CarbonAds.vue'
 import BuySellAds from './components/BuySellAds.vue'
+import sponsors from '../components/sponsors.json'
 
 export default {
   name: 'Layout',
@@ -33,6 +54,10 @@ export default {
     CarbonAds,
     BuySellAds,
   },
+
+  setup() {
+    return { sponsors }
+  },
 }
 </script>
 
@@ -45,3 +70,21 @@ form {
   overflow-x: auto;
 }
 </style>
+
+<style scoped>
+.sponsors {
+  padding: 0 1.5rem 2rem;
+  font-size: 0.8rem;
+}
+
+.sponsors a {
+  color: #999;
+}
+
+.sponsors img {
+  max-width: 200px;
+  max-height: 40px;
+  display: block;
+  margin: 1.25rem 0;
+}
+</style>