Add @cssnr/vitepress-plugin-contributors and update (#2)

Author: smashedr

.github/workflows/pages.yaml

@@ -12,7 +12,7 @@ on:
   workflow_dispatch:
 
 env:
-  CRAWLER_ID: 740ca24d-65fd-4f25-b397-16ebcec2f7fd
+  CRAWLER_ID: "740ca24d-65fd-4f25-b397-16ebcec2f7fd"
 
 permissions:
   contents: read
@@ -89,6 +89,7 @@ jobs:
 
     steps:
       - name: "Algolia Crawler"
+        if: ${{ env.CRAWLER_ID != '' }}
         uses: cssnr/algolia-crawler-action@v1
         with:
           crawler_id: ${{ env.CRAWLER_ID }}

.vitepress/scripts/get-contributors.js

@@ -2,20 +2,24 @@ import DefaultTheme from 'vitepress/theme'
 import './custom.css'
 
 import BrowserIcons from './components/BrowserIcons.vue'
-import Contributors from './components/Contributors.vue'
 import VPCardLink from './components/VPCardLink.vue'
 
 import VPSwiper from '@cssnr/vitepress-swiper'
 import '@cssnr/vitepress-swiper/style.css'
 
+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('BrowserIcons', BrowserIcons)
-        app.component('Contributors', Contributors)
         app.component('VPCardLink', VPCardLink)
         app.component('VPSwiper', VPSwiper)
+        app.component('Contributors', Contributors)
+        app.config.globalProperties.$contributors = contributors
     },
 }

.vitepress/theme/components/Contributors.vue

@@ -44,4 +44,4 @@ features:
     link: /team
 ---
 
-<Contributors heading="Contributors" margin="96px 0" />
+<Contributors :contributors="$contributors" heading="Contributors" margin="96px 0" />

.vitepress/theme/index.js

@@ -92,4 +92,4 @@ const members = [
     <VPTeamMembers :members />
 </VPTeamPage>
 
-<Contributors heading="Our Contributors" margin="0 0 96px" />
+<Contributors :contributors="$contributors" heading="Our Contributors" margin="0 0 96px" />