From 6c57817f116258e3f2fcfdd82fe1f67efddaeb89 Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Fri, 17 May 2024 12:04:47 +0200
Subject: [PATCH] docs: add sponsors block

---
 .../theme/components/AsideGitHubSponsors.vue  | 75 +++++++++++++++++++
 .../theme/components/AsideSponsors.vue        | 61 ++++++++++++++-
 packages/docs/public/your-logo-here.svg       |  4 +
 3 files changed, 138 insertions(+), 2 deletions(-)
 create mode 100644 packages/docs/.vitepress/theme/components/AsideGitHubSponsors.vue
 create mode 100644 packages/docs/public/your-logo-here.svg

diff --git a/packages/docs/.vitepress/theme/components/AsideGitHubSponsors.vue b/packages/docs/.vitepress/theme/components/AsideGitHubSponsors.vue
new file mode 100644
index 000000000..31dc76d0e
--- /dev/null
+++ b/packages/docs/.vitepress/theme/components/AsideGitHubSponsors.vue
@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { VPDocAsideSponsors } from 'vitepress/theme'
+import { useSponsor } from '../composables/sponsor'
+
+const { data } = useSponsor()
+
+const sponsors = computed(() => {
+  return (
+    data?.value.map((sponsor) => {
+      return {
+        size: sponsor.size === 'big' ? 'mini' : 'xmini',
+        items: sponsor.items,
+      }
+    }) ?? []
+  )
+})
+</script>
+
+<template>
+  <VPDocAsideSponsors v-if="data" :data="sponsors" />
+</template>
+
+<style>
+.viteconf {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  border-radius: 14px;
+  padding-top: 0.4rem;
+  padding-bottom: 0.4rem;
+  position: relative;
+  font-size: 0.9rem;
+  font-weight: 700;
+  line-height: 1.1rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  gap: 1rem;
+  background-color: var(--vp-c-bg-alt);
+  border: 2px solid var(--vp-c-bg-alt);
+  transition: border-color 0.5s;
+}
+.viteconf:hover {
+  border: 2px solid var(--vp-c-brand-light);
+}
+.viteconf img {
+  transition: transform 0.5s;
+  transform: scale(1.25);
+}
+.viteconf:hover img {
+  transform: scale(1.75);
+}
+.viteconf .heading {
+  background-image: linear-gradient(
+    120deg,
+    #b047ff 16%,
+    var(--vp-c-brand-lighter),
+    var(--vp-c-brand-lighter)
+  );
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.viteconf .extra-info {
+  color: var(--vp-c-text-1);
+  opacity: 0;
+  font-size: 0.7rem;
+  padding-left: 0.1rem;
+  transition: opacity 0.5s;
+}
+.viteconf:hover .extra-info {
+  opacity: 0.9;
+}
+</style>
diff --git a/packages/docs/.vitepress/theme/components/AsideSponsors.vue b/packages/docs/.vitepress/theme/components/AsideSponsors.vue
index e9277cb9b..fdda84190 100644
--- a/packages/docs/.vitepress/theme/components/AsideSponsors.vue
+++ b/packages/docs/.vitepress/theme/components/AsideSponsors.vue
@@ -1,5 +1,49 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { VPDocAsideSponsors } from 'vitepress/theme'
+import sponsors from './sponsors.json'
+
+// to avoid the never[] type in json
+interface Sponsor {
+  alt: string
+  href: string
+  imgSrcDark: string
+  imgSrcLight: string
+}
+
+const asideSponsors = computed(() => {
+  return [
+    {
+      size: 'mini',
+      items: sponsors.platinum.length ? sponsors.platinum.map((sponsor: Sponsor) => ({
+        name: sponsor.alt,
+        url: sponsor.href,
+        img: sponsor.imgSrcLight,
+      })) : [
+        {
+          name: 'Become a sponsor',
+          url: 'https://github.com/sponsors/posva',
+          img: '/your-logo-here.svg'
+        }
+      ],
+    },
+    {
+      size: 'xmini',
+      // TODO: use gold instead once I have some
+      items: sponsors.silver.map((sponsor: Sponsor) => ({
+        name: sponsor.alt,
+        url: sponsor.href,
+        img: sponsor.imgSrcLight,
+      })),
+    },
+  ]
+})
+</script>
+
 <template>
-  <a
+  <VPDocAsideSponsors :data="asideSponsors" />
+
+  <!-- <a
     class="banner mp"
     href="https://masteringpinia.com?utm=pinia-sidebar"
     target="_blank"
@@ -10,7 +54,7 @@
       <p class="heading">Mastering Pinia</p>
       <p class="extra-info">written by its creator</p>
     </span>
-  </a>
+  </a> -->
 
   <a
     class="banner cert"
@@ -27,6 +71,19 @@
 </template>
 
 <style scoped>
+.VPDocAsideSponsors {
+  margin-top: 8px !important;
+}
+
+:deep(.vp-sponsor-grid.mini .vp-sponsor-grid-image) {
+  max-width: 158px;
+  max-height: 48px;
+}
+:deep(.vp-sponsor-grid.xmini .vp-sponsor-grid-image) {
+  max-width: 80px;
+  max-height: 32px;
+}
+
 .banner {
   margin: 0.25rem 0;
   padding: 0.4rem 0;
diff --git a/packages/docs/public/your-logo-here.svg b/packages/docs/public/your-logo-here.svg
new file mode 100644
index 000000000..5a64659a6
--- /dev/null
+++ b/packages/docs/public/your-logo-here.svg
@@ -0,0 +1,4 @@
+<svg width="260" height="72" viewBox="0 0 260 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.5 46.0469L30.0822 47.1708C29.9023 47.264 29.7026 47.3126 29.5 47.3126C29.2974 47.3126 29.0977 47.264 28.9178 47.1708L28.9043 47.164L28.8739 47.1471C28.6972 47.0558 28.5228 46.9602 28.3508 46.8603C26.2941 45.6897 24.3537 44.3256 22.5559 42.7866C19.4509 40.1086 16 36.0906 16 31.2812C16 26.7857 19.5201 23.6875 23.1719 23.6875C25.7824 23.6875 28.0707 25.0409 29.5 27.0962C30.9293 25.0409 33.2176 23.6875 35.8281 23.6875C39.4799 23.6875 43 26.7857 43 31.2812C43 36.0906 39.5491 40.1086 36.4441 42.7866C34.4939 44.4539 32.3767 45.9152 30.1261 47.1471L30.0957 47.164L30.0856 47.1691H30.0822L29.5 46.0469ZM23.1719 26.2188C20.9174 26.2188 18.5312 28.183 18.5312 31.2812C18.5312 34.9094 21.1975 38.2743 24.2097 40.8696C25.8531 42.2753 27.6242 43.5244 29.5 44.6007C31.3758 43.5244 33.1469 42.2753 34.7903 40.8696C37.8025 38.2743 40.4688 34.9094 40.4688 31.2812C40.4688 28.183 38.0826 26.2188 35.8281 26.2188C33.5112 26.2188 31.4254 27.8826 30.7167 30.3632C30.6421 30.6285 30.4828 30.8621 30.2632 31.0284C30.0435 31.1948 29.7755 31.2848 29.5 31.2848C29.2245 31.2848 28.9565 31.1948 28.7368 31.0284C28.5172 30.8621 28.3579 30.6285 28.2833 30.3632C27.5746 27.8826 25.4888 26.2188 23.1719 26.2188Z" fill="#FF7484"/>
+<path d="M52.8077 25.6364H55.6316L61.2793 35.142H61.5179L67.1657 25.6364H69.9895L62.6316 37.608V46H60.1657V37.608L52.8077 25.6364ZM76.905 46.3182C75.5262 46.3182 74.3165 45.9901 73.2757 45.3338C72.2417 44.6776 71.4329 43.7595 70.8496 42.5795C70.2729 41.3996 69.9846 40.0208 69.9846 38.4432C69.9846 36.8523 70.2729 35.4635 70.8496 34.277C71.4329 33.0904 72.2417 32.169 73.2757 31.5128C74.3165 30.8565 75.5262 30.5284 76.905 30.5284C78.2838 30.5284 79.4902 30.8565 80.5243 31.5128C81.565 32.169 82.3738 33.0904 82.9505 34.277C83.5338 35.4635 83.8255 36.8523 83.8255 38.4432C83.8255 40.0208 83.5338 41.3996 82.9505 42.5795C82.3738 43.7595 81.565 44.6776 80.5243 45.3338C79.4902 45.9901 78.2838 46.3182 76.905 46.3182ZM76.905 44.2102C77.9524 44.2102 78.8141 43.9418 79.4902 43.4048C80.1664 42.8679 80.6668 42.1619 80.9917 41.2869C81.3165 40.4119 81.4789 39.464 81.4789 38.4432C81.4789 37.4223 81.3165 36.4711 80.9917 35.5895C80.6668 34.7079 80.1664 33.9953 79.4902 33.4517C78.8141 32.9081 77.9524 32.6364 76.905 32.6364C75.8577 32.6364 74.9959 32.9081 74.3198 33.4517C73.6436 33.9953 73.1432 34.7079 72.8184 35.5895C72.4935 36.4711 72.3311 37.4223 72.3311 38.4432C72.3311 39.464 72.4935 40.4119 72.8184 41.2869C73.1432 42.1619 73.6436 42.8679 74.3198 43.4048C74.9959 43.9418 75.8577 44.2102 76.905 44.2102ZM97.0325 39.7557V30.7273H99.3791V46H97.0325V43.4148H96.8734C96.5154 44.1903 95.9586 44.8499 95.2029 45.3935C94.4473 45.9304 93.4927 46.1989 92.3393 46.1989C91.3848 46.1989 90.5363 45.9901 89.7939 45.5724C89.0514 45.1482 88.4681 44.5118 88.0439 43.6634C87.6196 42.8082 87.4075 41.7311 87.4075 40.4318V30.7273H89.7541V40.2727C89.7541 41.3864 90.0656 42.2746 90.6887 42.9375C91.3185 43.6004 92.1206 43.9318 93.095 43.9318C93.6783 43.9318 94.2716 43.7827 94.8748 43.4844C95.4847 43.1861 95.9951 42.7287 96.4061 42.1122C96.8237 41.4957 97.0325 40.7102 97.0325 39.7557ZM103.677 46V30.7273H105.944V33.0341H106.103C106.382 32.2784 106.885 31.6652 107.615 31.1946C108.344 30.724 109.166 30.4886 110.08 30.4886C110.253 30.4886 110.468 30.4919 110.727 30.4986C110.985 30.5052 111.181 30.5152 111.313 30.5284V32.9148C111.234 32.8949 111.052 32.8651 110.767 32.8253C110.488 32.7789 110.193 32.7557 109.882 32.7557C109.139 32.7557 108.476 32.9115 107.893 33.223C107.316 33.5279 106.859 33.9522 106.521 34.4957C106.189 35.0327 106.024 35.6458 106.024 36.3352V46H103.677ZM124.317 25.6364V46H121.97V25.6364H124.317ZM134.819 46.3182C133.44 46.3182 132.231 45.9901 131.19 45.3338C130.156 44.6776 129.347 43.7595 128.764 42.5795C128.187 41.3996 127.899 40.0208 127.899 38.4432C127.899 36.8523 128.187 35.4635 128.764 34.277C129.347 33.0904 130.156 32.169 131.19 31.5128C132.231 30.8565 133.44 30.5284 134.819 30.5284C136.198 30.5284 137.404 30.8565 138.438 31.5128C139.479 32.169 140.288 33.0904 140.865 34.277C141.448 35.4635 141.74 36.8523 141.74 38.4432C141.74 40.0208 141.448 41.3996 140.865 42.5795C140.288 43.7595 139.479 44.6776 138.438 45.3338C137.404 45.9901 136.198 46.3182 134.819 46.3182ZM134.819 44.2102C135.866 44.2102 136.728 43.9418 137.404 43.4048C138.08 42.8679 138.581 42.1619 138.906 41.2869C139.231 40.4119 139.393 39.464 139.393 38.4432C139.393 37.4223 139.231 36.4711 138.906 35.5895C138.581 34.7079 138.08 33.9953 137.404 33.4517C136.728 32.9081 135.866 32.6364 134.819 32.6364C133.772 32.6364 132.91 32.9081 132.234 33.4517C131.558 33.9953 131.057 34.7079 130.732 35.5895C130.408 36.4711 130.245 37.4223 130.245 38.4432C130.245 39.464 130.408 40.4119 130.732 41.2869C131.057 42.1619 131.558 42.8679 132.234 43.4048C132.91 43.9418 133.772 44.2102 134.819 44.2102ZM151.486 52.0455C150.353 52.0455 149.378 51.8996 148.563 51.608C147.748 51.3229 147.068 50.9451 146.525 50.4744C145.988 50.0104 145.56 49.5133 145.242 48.983L147.111 47.6705C147.323 47.9489 147.592 48.267 147.917 48.625C148.242 48.9896 148.686 49.3045 149.249 49.5696C149.819 49.8414 150.565 49.9773 151.486 49.9773C152.719 49.9773 153.737 49.679 154.539 49.0824C155.341 48.4858 155.742 47.5511 155.742 46.2784V43.1761H155.543C155.371 43.4545 155.126 43.7992 154.807 44.2102C154.496 44.6146 154.045 44.9759 153.455 45.294C152.872 45.6056 152.083 45.7614 151.089 45.7614C149.856 45.7614 148.749 45.4697 147.768 44.8864C146.793 44.303 146.021 43.4545 145.451 42.3409C144.887 41.2273 144.606 39.875 144.606 38.2841C144.606 36.7197 144.881 35.3575 145.431 34.1974C145.981 33.0308 146.747 32.1293 147.728 31.4929C148.709 30.8499 149.842 30.5284 151.128 30.5284C152.123 30.5284 152.912 30.6941 153.495 31.0256C154.085 31.3504 154.536 31.7216 154.847 32.1392C155.165 32.5502 155.411 32.8883 155.583 33.1534H155.822V30.7273H158.089V46.4375C158.089 47.75 157.79 48.8172 157.194 49.6392C156.604 50.4678 155.808 51.0743 154.807 51.4588C153.813 51.8499 152.706 52.0455 151.486 52.0455ZM151.407 43.6534C152.348 43.6534 153.144 43.438 153.793 43.0071C154.443 42.5762 154.937 41.9564 155.275 41.1477C155.613 40.339 155.782 39.3712 155.782 38.2443C155.782 37.1439 155.616 36.1728 155.285 35.331C154.953 34.4891 154.463 33.8295 153.813 33.3523C153.163 32.875 152.361 32.6364 151.407 32.6364C150.412 32.6364 149.584 32.8883 148.921 33.392C148.265 33.8958 147.771 34.572 147.439 35.4205C147.115 36.2689 146.952 37.2102 146.952 38.2443C146.952 39.3049 147.118 40.2429 147.449 41.0582C147.787 41.867 148.285 42.5033 148.941 42.9673C149.604 43.4247 150.426 43.6534 151.407 43.6534ZM168.589 46.3182C167.21 46.3182 166 45.9901 164.959 45.3338C163.925 44.6776 163.117 43.7595 162.533 42.5795C161.956 41.3996 161.668 40.0208 161.668 38.4432C161.668 36.8523 161.956 35.4635 162.533 34.277C163.117 33.0904 163.925 32.169 164.959 31.5128C166 30.8565 167.21 30.5284 168.589 30.5284C169.967 30.5284 171.174 30.8565 172.208 31.5128C173.249 32.169 174.057 33.0904 174.634 34.277C175.217 35.4635 175.509 36.8523 175.509 38.4432C175.509 40.0208 175.217 41.3996 174.634 42.5795C174.057 43.7595 173.249 44.6776 172.208 45.3338C171.174 45.9901 169.967 46.3182 168.589 46.3182ZM168.589 44.2102C169.636 44.2102 170.498 43.9418 171.174 43.4048C171.85 42.8679 172.35 42.1619 172.675 41.2869C173 40.4119 173.162 39.464 173.162 38.4432C173.162 37.4223 173 36.4711 172.675 35.5895C172.35 34.7079 171.85 33.9953 171.174 33.4517C170.498 32.9081 169.636 32.6364 168.589 32.6364C167.541 32.6364 166.68 32.9081 166.003 33.4517C165.327 33.9953 164.827 34.7079 164.502 35.5895C164.177 36.4711 164.015 37.4223 164.015 38.4432C164.015 39.464 164.177 40.4119 164.502 41.2869C164.827 42.1619 165.327 42.8679 166.003 43.4048C166.68 43.9418 167.541 44.2102 168.589 44.2102ZM189.313 36.8125V46H186.966V25.6364H189.313V33.1136H189.512C189.869 32.3248 190.406 31.6984 191.122 31.2344C191.845 30.7637 192.806 30.5284 194.006 30.5284C195.047 30.5284 195.958 30.7372 196.74 31.1548C197.522 31.5658 198.129 32.1989 198.56 33.054C198.997 33.9025 199.216 34.983 199.216 36.2955V46H196.869V36.4545C196.869 35.2415 196.555 34.3035 195.925 33.6406C195.302 32.9711 194.437 32.6364 193.33 32.6364C192.561 32.6364 191.871 32.7988 191.262 33.1236C190.658 33.4484 190.181 33.9223 189.83 34.5455C189.485 35.1686 189.313 35.9242 189.313 36.8125ZM209.912 46.3182C208.441 46.3182 207.171 45.9934 206.104 45.3438C205.044 44.6875 204.225 43.7727 203.648 42.5994C203.078 41.4195 202.793 40.0473 202.793 38.483C202.793 36.9186 203.078 35.5398 203.648 34.3466C204.225 33.1468 205.027 32.2121 206.055 31.5426C207.089 30.8665 208.295 30.5284 209.674 30.5284C210.469 30.5284 211.255 30.661 212.03 30.9261C212.806 31.1913 213.512 31.6222 214.148 32.2188C214.785 32.8087 215.292 33.5909 215.67 34.5653C216.047 35.5398 216.236 36.7396 216.236 38.1648V39.1591H204.464V37.1307H213.85C213.85 36.2689 213.678 35.5 213.333 34.8239C212.995 34.1477 212.511 33.6141 211.881 33.223C211.258 32.8319 210.522 32.6364 209.674 32.6364C208.739 32.6364 207.93 32.8684 207.248 33.3324C206.572 33.7898 206.051 34.3864 205.687 35.1222C205.322 35.858 205.14 36.6468 205.14 37.4886V38.8409C205.14 39.9943 205.339 40.9721 205.736 41.7741C206.141 42.5696 206.701 43.1761 207.417 43.5938C208.133 44.0047 208.965 44.2102 209.912 44.2102C210.529 44.2102 211.086 44.1241 211.583 43.9517C212.087 43.7727 212.521 43.5076 212.885 43.1562C213.25 42.7983 213.532 42.3542 213.731 41.8239L215.998 42.4602C215.759 43.2292 215.358 43.9053 214.795 44.4886C214.231 45.0653 213.535 45.5161 212.706 45.8409C211.878 46.1591 210.947 46.3182 209.912 46.3182ZM219.806 46V30.7273H222.073V33.0341H222.232C222.51 32.2784 223.014 31.6652 223.743 31.1946C224.473 30.724 225.295 30.4886 226.209 30.4886C226.382 30.4886 226.597 30.4919 226.856 30.4986C227.114 30.5052 227.31 30.5152 227.442 30.5284V32.9148C227.363 32.8949 227.18 32.8651 226.895 32.8253C226.617 32.7789 226.322 32.7557 226.01 32.7557C225.268 32.7557 224.605 32.9115 224.022 33.223C223.445 33.5279 222.988 33.9522 222.65 34.4957C222.318 35.0327 222.153 35.6458 222.153 36.3352V46H219.806ZM236.162 46.3182C234.691 46.3182 233.421 45.9934 232.354 45.3438C231.294 44.6875 230.475 43.7727 229.898 42.5994C229.328 41.4195 229.043 40.0473 229.043 38.483C229.043 36.9186 229.328 35.5398 229.898 34.3466C230.475 33.1468 231.277 32.2121 232.305 31.5426C233.339 30.8665 234.545 30.5284 235.924 30.5284C236.719 30.5284 237.505 30.661 238.28 30.9261C239.056 31.1913 239.762 31.6222 240.398 32.2188C241.035 32.8087 241.542 33.5909 241.92 34.5653C242.297 35.5398 242.486 36.7396 242.486 38.1648V39.1591H230.714V37.1307H240.1C240.1 36.2689 239.928 35.5 239.583 34.8239C239.245 34.1477 238.761 33.6141 238.131 33.223C237.508 32.8319 236.772 32.6364 235.924 32.6364C234.989 32.6364 234.18 32.8684 233.498 33.3324C232.822 33.7898 232.301 34.3864 231.937 35.1222C231.572 35.858 231.39 36.6468 231.39 37.4886V38.8409C231.39 39.9943 231.589 40.9721 231.986 41.7741C232.391 42.5696 232.951 43.1761 233.667 43.5938C234.383 44.0047 235.215 44.2102 236.162 44.2102C236.779 44.2102 237.336 44.1241 237.833 43.9517C238.337 43.7727 238.771 43.5076 239.135 43.1562C239.5 42.7983 239.782 42.3542 239.981 41.8239L242.248 42.4602C242.009 43.2292 241.608 43.9053 241.045 44.4886C240.481 45.0653 239.785 45.5161 238.956 45.8409C238.128 46.1591 237.197 46.3182 236.162 46.3182Z" fill="black"/>
+</svg>