docs: better index

diff --git a/docs/.vitepress/components/HomeSponsors.vue b/docs/.vitepress/components/HomeSponsors.vue
index d67bd884752f4d6cf4ca07aed37b21658c281c50..92bf73467a3b8bd0dce9adfb92eadad05fd94750 100644 (file)
--- a/docs/.vitepress/components/HomeSponsors.vue
+++ b/docs/.vitepress/components/HomeSponsors.vue
@@ -10,7 +10,7 @@
       <a
         class="become-sponsor button white"
         href="https://github.com/sponsors/posva"
-        >Become a Sponsor!</a
+        >{{ translations[$siteByRoute.themeConfig.lang] || translations.en }}</a
       >
     </div>
   </div>
@@ -19,13 +19,17 @@
 <script setup>
 import HomeSponsorsGroup from './HomeSponsorsGroup.vue'
 import sponsors from './sponsors.json'
+
+const translations = {
+  'en-US': 'Become a Sponsor!',
+  'zh-CN': '成为赞助者！',
+}
 </script>
 
 <style scoped>
 .sponsors_outer {
   text-align: center;
-  padding: 35px 40px 45px;
-  margin: 0 -2.5rem;
+  padding: 35px 20px 45px;
   background-color: var(--c-bg-accent);
   /* transition when toggling dark mode */
   transition: background-color 300ms ease-in-out, color 300ms ease-in-out;

diff --git a/docs/index.md b/docs/index.md
index 5f6941ff992265d454e09c6f047241853c696638..f4f78560481939e930e0ecd0de90f05bd87e2e89 100644 (file)
--- a/docs/index.md
+++ b/docs/index.md
@@ -3,21 +3,21 @@ home: true
 
 heroImage: /logo.png
 actionText: Get Started →
-actionLink: /introduction.html
+actionLink: /installation.html
 
 features:
   - title: 🛣 Expressive route syntax
-    details: Define static and dynamic routes with an intuitive syntax.
+    details: Define static and dynamic routes with an intuitive and powerful syntax.
   - title: 🛑 Fine-grained Navigation control
     details: Intercept any navigation and precisely control its outcome.
-  - title: ⚙️ Devtools support
-    details: Pinia hooks into Vue devtools to give you a enhanced development experience in both Vue 2 and Vue 3.
-  - title: 🔌 Extensible
-    details: React to store changes to extend Pinia with transactions, local storage synchronization, etc.
-  - title: ð\9f\8f\97 Modular by design
-    details: Build multiple stores and let your bundler code split them automatically.
-  - title: ð\9f\93¦ Extremely light
-    details: Pinia weights around 1kb, you will forget it's even there!
+  - title: 🧱 Component-based configuration
+    details: Map each route to the component that should display.
+  - title: 🔌 History modes
+    details: Choose between HTML5, Hash or Memory history modes.
+  - title: ð\9f\8e\9a Scroll control
+    details: Precisely control the scroll position in every page.
+  - title: ð\9f\8c\90 Automatic Encoding
+    details: Directly use unicode characters (你好) in your code.
 
 footer: MIT Licensed | Copyright © 2014-present Evan You, Eduardo San Martin Morote
 ---

diff --git a/docs/introduction.md b/docs/introduction.md
index afb30ecefe51ebb27bb3de66884b1bea986d7667..a2040f165041655eaafbad162dd4ff8a45e70d77 100644 (file)
--- a/docs/introduction.md
+++ b/docs/introduction.md
@@ -14,3 +14,9 @@ Vue Router is the official router for [Vue.js](http://v3.vuejs.org). It deeply i
 - Proper encoding for URLs
 
 [Get started](/guide/) or play with the [playground](https://github.com/vuejs/vue-router-next/tree/master/playground) (see [`README.md`](https://github.com/vuejs/vue-router-next) to run them).
+
+<HomeSponsors />
+
+<script setup>
+import HomeSponsors from './.vitepress/components/HomeSponsors.vue'
+</script>

diff --git a/docs/zh/index.md b/docs/zh/index.md
index 085926553f4bfbbbd11882441edfad026cc1f254..5172dc0406b800b4953015ae0ad8b91cce4ac083 100644 (file)
--- a/docs/zh/index.md
+++ b/docs/zh/index.md
@@ -6,3 +6,9 @@ actionLink: /zh/introduction.html
 
 footer: MIT Licensed | Copyright © 2014-present Evan You, Eduardo San Martin Morote
 ---
+
+<HomeSponsors />
+
+<script setup>
+import HomeSponsors from '../.vitepress/components/HomeSponsors.vue'
+</script>

diff --git a/docs/zh/introduction.md b/docs/zh/introduction.md
index 088a57a4d13eb4d042cbbc84a65aa3e3163a9b21..4cd7ddc588d48f890f1de9dff7cf3afd0f833552 100644 (file)
--- a/docs/zh/introduction.md
+++ b/docs/zh/introduction.md
@@ -13,6 +13,10 @@ Vue Router 是 [Vue.js](http://v3.vuejs.org) 的官方路由。它与 Vue.js 核
 - 可定制的滚动行为
 - URL 的正确编码
 
+[入门](/zh/guide/)或使用 [playground](https://github.com/vuejs/vue-router-next/tree/master/playground) (详见[`README.md`](https://github.com/vuejs/vue-router-next)来运行它们)。
+
 <HomeSponsors />
 
-[入门](/zh/guide/)或使用 [playground](https://github.com/vuejs/vue-router-next/tree/master/playground) (详见[`README.md`](https://github.com/vuejs/vue-router-next)来运行它们)。
+<script setup>
+import HomeSponsors from '../.vitepress/components/HomeSponsors.vue'
+</script>