docs: add kit store

docs/.vuepress/components/KitStore.vue

@@ -0,0 +1,55 @@
+<template>
+  <div class="works__container">
+    <MagicCard
+      class="works__item"
+      v-for="(item, index) in data"
+      :key="index"
+      @click="() => jumpLink(item.link)"
+    >
+      <h4>{{ item.title }}</h4>
+      <p>{{ item.desc }}</p>
+    </MagicCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { kitStore as zhKitStore } from '../config/zh'
+import { kitStore as enKitStore } from '../config/en'
+import { computed, toRefs } from 'vue';
+
+const props = defineProps({
+  lang: {
+    type: String,
+    default: 'zh'
+  }
+})
+
+const { lang } = toRefs(props)
+const data = computed(() => {
+  return lang.value === 'zh' ? zhKitStore : enKitStore
+})
+
+const jumpLink = (link?: string) => {
+  if (link) {
+    window.open(link, '_blank')
+  }
+}
+</script>
+
+<style scoped>
+@import '@vuepress-reco/tailwindcss-config/lib/client/styles/tailwindcss-base.css';
+
+.works__container {
+  @apply grid grid-cols-1 gap-4 max-w-screen-lg mx-auto py-16 px-6;
+  @apply md:grid-cols-3;
+  .works__item {
+    @apply py-4 px-6 cursor-pointer;
+    h4 {
+      @apply mt-0 mb-0 pt-0;
+    }
+    p {
+      @apply my-4 text-lighter;
+    }
+  }
+}
+</style>

docs/.vuepress/config/en/index.ts

@@ -1,3 +1,4 @@
-export * from './bulletin'
 export * from './navbar'
 export * from './series'
+export * from './bulletin'
+export * from './kitStore'

docs/.vuepress/config/en/kitStore.ts

@@ -0,0 +1,12 @@
+export const kitStore = [
+  {
+    title: '📖 @revili/revili-kit-demo',
+    desc: "Official example kit of revili",
+    link: 'https://github.com/revilijs/revili/tree/main/packages/%40revili/kit-demo'
+  },
+  {
+    title: '🎨 revili-kit-vuepress-reco',
+    desc: "Visual scaffolding of vuepress-theme-reco 2.x",
+    link: 'https://github.com/vuepress-reco/revili-kit-vuepress-reco'
+  },
+]

docs/.vuepress/config/en/navbar.ts

@@ -13,5 +13,5 @@ export const navbar = [
       }
     ]
   },
-  { text: 'Kit Store', link: '/docs/kit-store/@revili/revili-kit-default' },
+  { text: 'Kit Store', link: '/docs/others/kit-store' },
 ]

docs/.vuepress/config/index.ts

@@ -4,14 +4,14 @@ import * as enConfig from './en'
 export const themeConfig = {
   locales: {
     '/': {
-      selectLanguageText: '选择语言',
+      selectLanguageText: 'Languages',
       selectLanguageName: 'English',
       navbar: enConfig.navbar,
       series: enConfig.series,
       bulletin: enConfig.bulletin,
     },
     '/zh/': {
-      selectLanguageText: 'Languages',
+      selectLanguageText: '选择语言',
       selectLanguageName: '简体中文',
       lastUpdatedText: '最后更新时间',
       navbar: zhConfig.navbar,
@@ -23,5 +23,6 @@ export const themeConfig = {
   author: 'reco_luan',
   docsRepo: 'https://github.com/revilijs/revili',
   docsBranch: 'main',
-  docsDir: '/docs',
+  docsDir: '/',
+  componentsDir: './.vuepress/components',
 }

docs/.vuepress/config/zh/index.ts

@@ -1,3 +1,4 @@
-export * from './bulletin'
 export * from './navbar'
 export * from './series'
+export * from './bulletin'
+export * from './kitStore'

docs/.vuepress/config/zh/kitStore.ts

@@ -0,0 +1,12 @@
+export const kitStore = [
+  {
+    title: '📖 @revili/revili-kit-demo',
+    desc: "revili 的官方套件案例",
+    link: 'https://github.com/revilijs/revili/tree/main/packages/%40revili/kit-demo'
+  },
+  {
+    title: '🎨 revili-kit-vuepress-reco',
+    desc: "vuepress-theme-reco 2.x 的可视化搭建平台",
+    link: 'https://github.com/vuepress-reco/revili-kit-vuepress-reco'
+  },
+]

docs/.vuepress/config/zh/navbar.ts

@@ -13,5 +13,5 @@ export const navbar = [
       }
     ]
   },
-  { text: '套件市场', link: '/zh/docs/kit-store/@revili/revili-kit-default' },
+  { text: '套件市场', link: '/zh/docs/others/kit-store' },
 ]

docs/.vuepress/styles/index.css

@@ -1,3 +1,9 @@
 .banner-brand-wrapper .hero-content img {
   @apply md:w-80 w-64;
-}
+}
+
+body {
+  .works__container {
+    background-image: radial-gradient(rgba(93, 103, 232, 0.2) 10%, rgba(255, 255, 255, 0) 60%);
+  }
+}

docs/docs/others/kit-store.md

@@ -0,0 +1,5 @@
+---
+title: Kit Store
+---
+
+<kit-store lang="en" />

docs/package.json

@@ -6,10 +6,11 @@
     "build": "vuepress build ."
   },
   "devDependencies": {
-    "@vuepress/bundler-vite": "2.0.0-rc.12",
+    "@vuepress/bundler-vite": "2.0.0-rc.13",
+    "@vuepress-reco/tailwindcss-config": "2.0.0-rc.81",
     "vue": "^3.4.27",
-    "vuepress": "2.0.0-rc.12",
-    "vuepress-theme-reco": "2.0.0-rc.14"
+    "vuepress": "2.0.0-rc.13",
+    "vuepress-theme-reco": "2.0.0-rc.15"
   },
   "author": "reco_luan",
   "license": "MIT"