update sponsors

Author: kazupon

BACKERS.md

@@ -4,34 +4,50 @@ You can join them in supporting vue-i18n development by [pledging on Patreon](ht
 
 <h2 align="center">Gold Sponsors</h2>
 
-[Currently vacant. It could be you!](https://www.patreon.com/bePatron?c=1597144&patAmt=500.0)
+<p align="center">
+  <a href="https://nuxtjs.org/" target="_blank">
+    <img src="https://raw.githubusercontent.com/intlify/vue-i18n-next/master/docs/public/nuxt.png">
+  </a>
+</p>
+
+[It could be you!](https://github.com/sponsors/kazupon?o=esc)
 
 <h2 align="center">Sliver Sponsors</h2>
 
 <p align="center">
   <a href="https://www.codeandweb.com/babeledit?utm_campaign=vue-i18n-2019-01" target="_blank">
-    <img src="https://raw.githubusercontent.com/kazupon/vue-i18n/dev/vuepress/.vuepress/public/patrons/babeledit.png">
+    <img src="https://raw.githubusercontent.com/intlify/vue-i18n-next/master/docs/public/babeledit.png">
   </a>
 </p>
 
-[It could be you!](https://www.patreon.com/bePatron?c=1597144&patAmt=250.0)
+[It could be you!](https://github.com/sponsors/kazupon?o=esc)
 
 <h2 align="center">Bronze Sponsors</h2>
 
 <p align="center">
   <a href="https://zenarchitects.co.jp/" target="_blank">
-    <img src="https://raw.githubusercontent.com/kazupon/vue-i18n/v8.x/vuepress/.vuepress/public/patrons/zenarchitects.png">
+    <img src="https://raw.githubusercontent.com/intlify/vue-i18n-next/master/docs/public/zenarchitects.png" width="200px">
+  </a>
+</p>
+
+<br />
+<br />
+
+<p align="center">
+  <a href="https://www.sendcloud.com/" target="_blank">
+    <img src="https://raw.githubusercontent.com/intlify/vue-i18n-next/master/docs/public/sendcloud.svg" width="200px">
   </a>
 </p>
 
-[It could be you!](https://www.patreon.com/bePatron?c=1597144&patAmt=100.0)
+
+[It could be you!](https://github.com/sponsors/kazupon?o=esc)
 
 <h2 align="center">Generous Supporters</h2>
 
-[Currently vacant. It could be you!](https://www.patreon.com/bePatron?c=1597144&patAmt=50.0)
+[Currently vacant. It could be you!](https://github.com/sponsors/kazupon?o=esc)
 
 <h2 align="center">Awesome Supporters</h2>
 
 - Shinya Katayama
 
-[It could be you!](https://www.patreon.com/bePatron?c=1597144&patAmt=20.0)
+[It could be you!](https://github.com/sponsors/kazupon?o=esc)

README.md

@@ -2,19 +2,27 @@
 
 Internationalization plugin for Vue.js
 
+<h3>🥇 Gold Sponsors<h3>
+
+<p>
+  <a href="https://nuxtjs.org/" target="_blank">
+    <img src="https://raw.githubusercontent.com/intlify/vue-i18n-next/master/docs/public/nuxt.png">
+  </a>
+</p>
+
 <h3>🥈 Silver Sponsors</h3>
 
 <p>
   <a href="https://www.codeandweb.com/babeledit?utm_campaign=vue-i18n-2019-01" target="_blank">
-    <img src="https://raw.githubusercontent.com/kazupon/vue-i18n/dev/vuepress/.vuepress/public/patrons/babeledit.png">
+    <img src="https://raw.githubusercontent.com/intlify/vue-i18n-next/master/docs/public/babeledit.png">
   </a>
 </p>
 
 <h3>🥉 Bronze Sponsors</h3>
 
 <p>
   <a href="https://zenarchitects.co.jp/" target="_blank">
-    <img src="https://raw.githubusercontent.com/kazupon/vue-i18n/v8.x/vuepress/.vuepress/public/patrons/zenarchitects.png" width="200px">
+    <img src="https://raw.githubusercontent.com/intlify/vue-i18n-next/master/docs/public/zenarchitects.png" width="200px">
   </a>
 </p>
 
@@ -23,7 +31,7 @@ Internationalization plugin for Vue.js
 
 <p>
   <a href="https://www.sendcloud.com/" target="_blank">
-    <img src="https://raw.githubusercontent.com/kazupon/vue-i18n/v8.x/vuepress/.vuepress/public/patrons/sendcloud.png" width="200px">
+    <img src="https://raw.githubusercontent.com/intlify/vue-i18n-next/master/docs/public/sendcloud.svg" width="200px">
   </a>
 </p>
 

docs/.vitepress/theme/Layout.vue

@@ -27,7 +27,11 @@ export default {
     <template #home-hero>
       <div class="sponsors">
         <div class="level">
-          <h4>🥈 Silver Sponsors</h4>
+          <h4 class="sponsor-title">🥇 Gold Sponsors</h4>
+          <Sponsor v-for="gold in golds" v-bind="gold" />
+        </div>
+        <div class="level">
+          <h4 class="sponsor-title">🥈 Silver Sponsors</h4>
           <Sponsor v-for="silver in silvers" v-bind="silver" />
         </div>
         <div class="level">
@@ -55,7 +59,7 @@ form {
   padding: 24px 0 0 0;
 }
 .sponsor-title {
-  padding: 12px 0 0 0;
+  padding: 12px 0;
 }
 .hero .action .nav-item {
   margin-left: 0;

docs/.vitepress/theme/components/Sponsor.vue

@@ -39,7 +39,7 @@ export default defineComponent({
 
 <template>
   <a :href="link" :class="[tierClass]" class="base" target="_blank" rel="noopener">
-    <img :alt="name" :src="source" :class="[tierClass]" class="base" />
+    <img :alt="name" :src="source" />
   </a>
 </template>
 
@@ -49,10 +49,10 @@ export default defineComponent({
   vertical-align: middle;
 }
 .gold {
-  width: 440px;
+  width: 400px;
 }
 .sliver {
-  width: 320px;
+  width: 300px;
 }
 .bronze {
   width: 200px;

docs/.vitepress/theme/index.ts

@@ -8,6 +8,7 @@ export default {
   ...DefaultTheme,
   Layout,
   enhanceApp({ app, router, siteData }) {
+    app.component('GoldSponsors', () => sponsors.golds.map(prop => h(Sponsor, prop)))
     app.component('SilverSponsors', () => sponsors.silvers.map(prop => h(Sponsor, prop)))
     app.component('BronzeSponsors', () => sponsors.bronzes.map(prop => h(Sponsor, prop)))
     // test

docs/.vitepress/theme/state.ts

@@ -5,6 +5,12 @@ export const enum TierLevel {
 }
 
 export const sponsors = {
+  golds: [{
+    name: 'NuxtJS',
+    tier: TierLevel.Gold,
+    link: 'https://nuxtjs.org/',
+    source: '/nuxt.png'
+  }],
   silvers: [{
     name: 'Babel Edit',
     tier: TierLevel.Silver,

docs/introduction.md

@@ -14,6 +14,12 @@ Go to [Get Started](./guide/)
 
 ## Sponsors
 
+### 🥇 Gold
+
+<p style="text-align: center;">
+  <GoldSponsors />
+</p>
+
 ### 🥈 Silver
 
 <p style="text-align: center;">