docs: add team page (#8720)

Co-authored-by: Shinigami <chrissi92@hotmail.de>
Co-authored-by: patak <matias.capeletto@gmail.com>
Co-authored-by: Bjorn Lu <bjornlu.dev@gmail.com>
Co-authored-by: 翠 / green <green@sapphi.red>
Co-authored-by: Alec Larson <1925840+aleclarson@users.noreply.github.com>
Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
Co-authored-by: ygj6 <7699524+ygj6@users.noreply.github.com>

docs/.vitepress/config.ts

@@ -72,31 +72,36 @@ export default defineConfig({
       { text: 'Config', link: '/config/', activeMatch: '/config/' },
       { text: 'Plugins', link: '/plugins/', activeMatch: '/plugins/' },
       {
-        text: 'Links',
+        text: 'Resources',
         items: [
+          { text: 'Team', link: '/team' },
           {
-            text: 'Twitter',
+            items: [
-            link: 'https://twitter.com/vite_js'
+              {
-          },
+                text: 'Twitter',
-          {
+                link: 'https://twitter.com/vite_js'
-            text: 'Discord Chat',
+              },
-            link: 'https://chat.vitejs.dev'
+              {
-          },
+                text: 'Discord Chat',
-          {
+                link: 'https://chat.vitejs.dev'
-            text: 'Awesome Vite',
+              },
-            link: 'https://github.com/vitejs/awesome-vite'
+              {
-          },
+                text: 'Awesome Vite',
-          {
+                link: 'https://github.com/vitejs/awesome-vite'
-            text: 'DEV Community',
+              },
-            link: 'https://dev.to/t/vite'
+              {
-          },
+                text: 'DEV Community',
-          {
+                link: 'https://dev.to/t/vite'
-            text: 'Rollup Plugins Compat',
+              },
-            link: 'https://vite-rollup-plugins.patak.dev/'
+              {
-          },
+                text: 'Rollup Plugins Compat',
-          {
+                link: 'https://vite-rollup-plugins.patak.dev/'
-            text: 'Changelog',
+              },
-            link: 'https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md'
+              {
+                text: 'Changelog',
+                link: 'https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md'
+              }
+            ]
           }
         ]
       },

docs/_data/team.js

@@ -0,0 +1,152 @@
+export const core = [
+  {
+    avatar: 'https://www.github.com/yyx990803.png',
+    name: 'Evan You',
+    title: 'Creator',
+    org: 'Vue.js',
+    orgLink: 'https://vuejs.org/',
+    desc: 'Husband, father of two, independent open source developer.',
+    links: [
+      { icon: 'github', link: 'https://github.com/yyx990803' },
+      { icon: 'twitter', link: 'https://twitter.com/youyuxi' }
+    ],
+    sponsor: 'https://github.com/sponsors/yyx990803'
+  },
+  {
+    avatar: 'https://www.github.com/patak-dev.png',
+    name: 'Patak',
+    title: 'A collaborative being',
+    org: 'StackBlitz',
+    orgLink: 'https://stackblitz.com/',
+    desc: 'Core team member of Vite. Team member of Vue.',
+    links: [
+      { icon: 'github', link: 'https://github.com/patak-dev' },
+      { icon: 'twitter', link: 'https://twitter.com/patak_dev' }
+    ],
+    sponsor: 'https://github.com/sponsors/patak-dev'
+  },
+  {
+    avatar: 'https://www.github.com/antfu.png',
+    name: 'Anthony Fu',
+    title: 'A fanatical open sourceror',
+    org: 'NuxtLabs',
+    orgLink: 'https://nuxtlabs.com/',
+    desc: 'Core team member of Vite & Vue. Working at NuxtLabs.',
+    links: [
+      { icon: 'github', link: 'https://github.com/antfu' },
+      { icon: 'twitter', link: 'https://twitter.com/antfu7' }
+    ],
+    sponsor: 'https://github.com/sponsors/antfu'
+  },
+  {
+    avatar: 'https://github.com/sodatea.png',
+    name: 'Haoqun Jiang',
+    title: 'Developer',
+    org: 'Vue.js',
+    orgLink: 'https://vuejs.org/',
+    desc: 'Vite/Vite core team member. Full-time open sourcerer.',
+    links: [
+      { icon: 'github', link: 'https://github.com/sodatea' },
+      { icon: 'twitter', link: 'https://twitter.com/haoqunjiang' }
+    ],
+    sponsor: 'https://github.com/sponsors/sodatea'
+  },
+  {
+    avatar: 'https://github.com/Shinigami92.png',
+    name: 'Shinigami',
+    title: 'Maintainer',
+    org: 'Faker',
+    orgLink: 'https://fakerjs.dev',
+    desc: 'Passionate TypeScript enthusiast working extensively with Vue SPA and pug.',
+    links: [
+      { icon: 'github', link: 'https://github.com/Shinigami92' },
+      { icon: 'twitter', link: 'https://twitter.com/Shini_92' }
+    ],
+    sponsor: 'https://github.com/sponsors/Shinigami92'
+  },
+  {
+    avatar: 'https://i.imgur.com/KMed6rQ.jpeg',
+    name: 'Alec Larson',
+    title: 'Entrepreneur',
+    desc: 'Dabbling in social ecommerce, meta frameworks, and board games',
+    links: [
+      { icon: 'github', link: 'https://github.com/aleclarson' },
+      { icon: 'twitter', link: 'https://twitter.com/retropragma' }
+    ],
+    sponsor: 'https://github.com/sponsors/aleclarson'
+  },
+  {
+    avatar: 'https://github.com/bluwy.png',
+    name: 'Bjorn Lu',
+    title: 'Frontend Developer',
+    desc: 'Svelte and Vite team member. Something something opinions.',
+    links: [
+      { icon: 'github', link: 'https://github.com/bluwy' },
+      { icon: 'twitter', link: 'https://twitter.com/bluwyoo' }
+    ],
+    sponsor: 'https://bjornlu.com/sponsor'
+  },
+  {
+    avatar: 'https://github.com/poyoho.png',
+    name: 'yoho',
+    title: 'Frontend Developer',
+    desc: 'Frontend. Vite team member.',
+    links: [
+      { icon: 'github', link: 'https://github.com/poyoho' },
+      { icon: 'twitter', link: 'https://twitter.com/yoho_po' }
+    ]
+  },
+  {
+    avatar: 'https://github.com/sapphi-red.png',
+    name: 'green',
+    title: 'Web Developer',
+    desc: 'Vite team member. Call me sapphi or green or midori ;)',
+    links: [
+      { icon: 'github', link: 'https://github.com/sapphi-red' },
+      { icon: 'twitter', link: 'https://twitter.com/sapphi_red' }
+    ],
+    sponsor: 'https://github.com/sponsors/sapphi-red'
+  },
+  {
+    avatar: 'https://github.com/ygj6.png',
+    name: 'ygj6',
+    title: 'Developer',
+    desc: 'Web Developer. Vue & Vite team member',
+    links: [
+      { icon: 'github', link: 'https://github.com/ygj6' },
+      { icon: 'twitter', link: 'https://twitter.com/ygj_66' }
+    ]
+  },
+  {
+    avatar: 'https://github.com/Niputi.png',
+    name: 'Niputi',
+    title: 'Developer',
+    org: 'Computershare Denmark',
+    desc: 'weeb/javascript lover.',
+    links: [
+      { icon: 'github', link: 'https://github.com/Niputi' },
+      { icon: 'twitter', link: 'https://twitter.com/Niputi_' }
+    ]
+  }
+]
+
+export const emeriti = [
+  {
+    avatar: 'https://github.com/underfin.png',
+    name: 'underfin',
+    title: 'Developer',
+    links: [{ icon: 'github', link: 'https://github.com/underfin' }]
+  },
+  {
+    avatar: 'https://github.com/GrygrFlzr.png',
+    name: 'GrygrFlzr',
+    title: 'Developer',
+    links: [{ icon: 'github', link: 'https://github.com/GrygrFlzr' }]
+  },
+  {
+    avatar: 'https://github.com/nihalgonsalves.png',
+    name: 'Nihal Gonsalves',
+    title: 'Senior Software Engineer',
+    links: [{ icon: 'github', link: 'https://github.com/nihalgonsalves' }]
+  }
+]

docs/team.md

@@ -0,0 +1,36 @@
+---
+layout: page
+title: Meet the Team
+description: The development of Vite is guided by an international team.
+---
+
+<script setup>
+import {
+  VPTeamPage,
+  VPTeamPageTitle,
+  VPTeamPageSection,
+  VPTeamMembers
+} from 'vitepress/theme'
+import { core, emeriti } from './_data/team'
+</script>
+
+<VPTeamPage>
+  <VPTeamPageTitle>
+    <template #title>Meet the Team</template>
+    <template #lead>
+      The development of Vite is guided by an international team, some of whom
+      have chosen to be featured below.
+    </template>
+  </VPTeamPageTitle>
+  <VPTeamMembers :members="core" />
+  <VPTeamPageSection>
+    <template #title>Team Emeriti</template>
+    <template #lead>
+      Here we honor some no-longer-active team members who have made valuable
+      contributions in the past.
+    </template>
+    <template #members>
+      <VPTeamMembers size="small" :members="emeriti" />
+    </template>
+  </VPTeamPageSection>
+</VPTeamPage>