tweak vuepress docs

Author: kazupon

docs/.vuepress/components/sponsor-button.vue

@@ -0,0 +1,23 @@
+<template>
+  <p class="sponsor-button">
+    <github-button href="https://github.com/sponsors/kazupon" data-icon="octicon-heart" data-size="large" aria-label="Sponsor @kazupon on GitHub">
+      Sponsor on GitHub
+    </github-button>
+  </p>
+</template>
+
+<script>
+import GithubButton from 'vue-github-button'
+export default {
+  components: {
+    GithubButton
+  }
+}
+</script>
+
+<style scoped>
+.sponsor-button {
+  text-align: center;
+  margin: 24px 0;
+}
+</style>

docs/.vuepress/config.js

@@ -29,8 +29,14 @@ module.exports = {
       updatePopup: true
     },
     nav: [{
-      text: 'Patreon',
-      link: 'https://www.patreon.com/kazupon'
+      text: 'Support Intlify',
+      items: [{
+        text: 'GitHub Sponsors',
+        link: 'https://github.com/sponsors/kazupon'
+      }, {
+        text: 'Patreon',
+        link: 'https://www.patreon.com/kazupon'
+      }]
     }, {
       text: 'Release Notes',
       link: 'https://github.com/intlify/eslint-plugin-vue-i18n/releases'

docs/README.md

@@ -6,12 +6,18 @@ eslint-plugin-vue-i18n is ESLint plugin of Vue I18n. It easily integrates some l
 
 Go to [Get Started](./started.md)
 
-## Become a Patreon
+## Become a Sponsor
 
-Is your company using vue-i18n, eslint-plugin-vue-i18n, and related vue-i18n tools to build awesome apps? Join the other patrons and become a sponsor to add your logo on this documentation! Supporting me on Patreon allows me to work less for a job and to work more on Free Open Source Software such as eslint-plugin-vue-i18n! Thank you!
+Is your company using vue-i18n, eslint-plugin-vue-i18n, and related vue-i18n tools to build awesome apps? Become a sponsor to add your logo on this documentation! Supporting me on GitHub Sponsors and Patreon allows me to work less for a job and to work more on Free Open Source Software such as eslint-plugin-vue-i18n! Thank you!
 
-<p style="text-align: center;">
-  <a href="https://www.patreon.com/kazupon" target="_blank">
-    <img src="https://c5.patreon.com/external/logo/become_a_patron_button.png" alt="Become a Patreon">
-  </a>
-</p>
+<div class="github">
+  <sponsor-button />
+</div>
+
+<div class="patreon">
+  <p style="text-align: center;">
+    <a href="https://www.patreon.com/kazupon" target="_blank">
+      <img src="https://c5.patreon.com/external/logo/become_a_patron_button.png" alt="Become a Patreon">
+    </a>
+  </p>
+</div>

package.json

@@ -43,6 +43,7 @@
     "opener": "^1.5.1",
     "rimraf": "^3.0.0",
     "shipjs": "^0.20.0",
+    "vue-github-button": "^1.2.0",
     "vuepress": "^1.5.2"
   },
   "engines": {

yarn.lock

@@ -4849,6 +4849,11 @@ gitconfiglocal@^1.0.0:
   dependencies:
     ini "^1.3.2"
 
+github-buttons@^2.8.0:
+  version "2.11.2"
+  resolved "https://registry.yarnpkg.com/github-buttons/-/github-buttons-2.11.2.tgz#e84593a20a572d87b10661fbd8820643cdd52fd9"
+  integrity sha512-G7DJwV6+7OJKCzZUGWpgobkL8X+CODwpP0CUdzZpoq2eih8muWOeFMXfe+gGIktcjUyaXFGgDLRe5yXo+njvVg==
+
 glob-parent@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-3.1.0.tgz#9e6af6299d8d3bd2bd40430832bd113df906c5ae"
@@ -10485,6 +10490,13 @@ vue-eslint-parser@^7.0.0:
     esquery "^1.0.1"
     lodash "^4.17.15"
 
+vue-github-button@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/vue-github-button/-/vue-github-button-1.2.0.tgz#5624a2807b16bdac61589f55503b8a492d2a9d5b"
+  integrity sha512-lvGrbQnHWX8bYovtBFz5uSgtbM+glXXQQq5VR79YDsZ+Fh5DBpLR+Ws5YLz9eSA+gNGi3xnXKjZDbUeQXOYh6A==
+  dependencies:
+    github-buttons "^2.8.0"
+
 vue-hot-reload-api@^2.3.0:
   version "2.3.4"
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"