docs: add roadmap (#1226)

Author: kazupon

docs/.vitepress/config.ts

@@ -79,6 +79,10 @@ function nav() {
       text: 'Ecosystem',
       link: '/ecosystem/official'
     },
+    {
+      text: 'Roadmap',
+      link: '/guide/roadmap'
+    },
     {
       text: 'v9.x',
       items: [{ text: 'v8.x', link: 'https://kazupon.github.io/vue-i18n/' }],
@@ -107,6 +111,10 @@ function sidebarGuide() {
         {
           text: 'Installation',
           link: '/guide/installation'
+        },
+        {
+          text: 'Roadmap',
+          link: '/guide/roadmap'
         }
       ]
     },

docs/.vitepress/theme/components/VoltaBoard.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+
+const props = defineProps({
+  token: { type: String,
+    required: true
+  }
+})
+const src = computed(() => `https://volta.net/embed/${props.token}`)
+</script>
+
+<template>
+  <iframe :src="src" class="board" />
+</template>
+      
+<style scoped>
+.board {
+  height: calc(100vh/1.5);
+  width: 100%;
+}
+</style>

docs/.vitepress/theme/index.ts

@@ -3,6 +3,7 @@ import Theme from 'vitepress/theme'
 import HomeSponsors from './components/HomeSponsors.vue'
 import AsideSponsors from './components/AsideSponsors.vue'
 import Service from './components/Service.vue'
+import VoltaBoard from './components/VoltaBoard.vue'
 import { integrations } from './integrations'
 import './styles/global.css'
 
@@ -16,5 +17,6 @@ export default {
   },
   enhanceApp({ app, router, siteData }) {
     app.component('IntegrationServices', () => integrations.map(prop => h(Service, prop)))
+    app.component('VoltaBoard', VoltaBoard)
   },
 }

docs/guide/roadmap.md

@@ -0,0 +1,5 @@
+# Roadmap
+
+Discover our kaban board for Vue I18n development status
+
+<VoltaBoard token="eyJzdGF0dXNlcyI6WyJ0cmlhZ2UiLCJiYWNrbG9nIiwidG9kbyIsImluX3Byb2dyZXNzIiwiaW5fcmV2aWV3IiwiZG9uZSIsInJlbGVhc2VkIiwiY2FuY2VsbGVkIl0sImZpbHRlcnMiOnt9LCJvd25lciI6ImludGxpZnkiLCJuYW1lIjoidnVlLWkxOG4tbmV4dCJ9" />