Add @cssnr/vitepress-plugin-contributors (#4)

Author: smashedr

.vitepress/get-contributors.js

@@ -2,18 +2,23 @@ import DefaultTheme, { VPBadge } from 'vitepress/theme'
 import './custom.css'
 import 'virtual:group-icons.css'
 
-import Contributors from './components/Contributors.vue'
 import YouTubeEmbed from './components/YouTubeEmbed.vue'
 import StackTable from './components/StackTable.vue'
 
+import Contributors from '@cssnr/vitepress-plugin-contributors'
+import '@cssnr/vitepress-plugin-contributors/style.css'
+import contributors from '../contributors.json'
+
 // noinspection JSUnusedGlobalSymbols
 export default {
     ...DefaultTheme,
 
     enhanceApp({ app }) {
         app.component('Badge', VPBadge)
-        app.component('Contributors', Contributors)
         app.component('YouTubeEmbed', YouTubeEmbed)
         app.component('StackTable', StackTable)
+
+        app.component('Contributors', Contributors)
+        app.config.globalProperties.$contributors = contributors
     },
 }

.vitepress/theme/components/Contributors.vue

@@ -75,4 +75,4 @@ div.badges {
 
 </div>
 
-<Contributors heading="Contributors"  margin="36px 0 96px" />
+<Contributors :contributors="$contributors" heading="Contributors"  margin="36px 0 96px" />

.vitepress/theme/index.js

@@ -4,10 +4,11 @@
     "build": "vitepress build .",
     "preview": "vitepress preview .",
     "prettier": "npx prettier --check .",
-    "get-contributors": "node .vitepress/get-contributors.js cssnr/stack-deploy-action",
+    "get-contributors": "npx get-contributors cssnr/stack-deploy-action",
     "postinstall": "npm run get-contributors"
   },
   "dependencies": {
+    "@cssnr/vitepress-plugin-contributors": "^0.0.1",
     "vitepress": "^1.6.4",
     "vitepress-plugin-group-icons": "^1.6.3"
   },