bump vite/vitepress

Author: yyx990803

package.json

@@ -7,6 +7,6 @@
   "devDependencies": {
     "@vue/theme": "^0.1.5",
     "cheap-watch": "^1.0.3",
-    "vitepress": "^0.17.0"
+    "vitepress": "^0.17.1"
   }
 }

src/.vitepress/theme/styles/api-index.css

@@ -41,5 +41,97 @@ function slugify(text) {
 </div>
 
 <style scoped>
-@import '../.vitepress/theme/styles/api-index.css'
+#api-index {
+  max-width: 1024px;
+  margin: 0px auto;
+  padding: 64px 32px;
+}
+
+h1,
+h2,
+h3 {
+  font-weight: 600;
+  line-height: 1;
+}
+
+h1,
+h2 {
+  letter-spacing: -0.02em;
+}
+
+h1 {
+  font-size: 38px;
+}
+
+h2 {
+  font-size: 24px;
+  color: var(--vt-c-text-1);
+  margin: 64px 0 36px;
+  transition: color 0.5s;
+  padding-top: 36px;
+  border-top: 1px solid var(--vt-c-divider-light);
+}
+
+h3 {
+  letter-spacing: -0.01em;
+  color: var(--vt-c-green);
+  font-size: 18px;
+  margin-bottom: 1em;
+  transition: color 0.5s;
+}
+
+.api-groups a {
+  font-size: 15px;
+  font-weight: 500;
+  line-height: 2;
+  color: var(--vt-c-text-code);
+  transition: color 0.5s;
+}
+
+.dark api-groups a {
+  font-weight: 400;
+}
+
+.api-groups a:hover {
+  color: var(--vt-c-green);
+  transition: none;
+}
+
+.api-group {
+  break-inside: avoid;
+  margin-bottom: 20px;
+  background-color: var(--vt-c-bg-soft);
+  border-radius: 8px;
+  padding: 28px 32px;
+  transition: background-color 0.5s;
+}
+
+@media (max-width: 768px) {
+  #api-index {
+    padding: 42px 24px;
+  }
+  h1 {
+    font-size: 32px;
+  }
+  h2 {
+    font-size: 22px;
+    margin: 42px 0 32px;
+    padding-top: 32px;
+  }
+  .api-groups a {
+    font-size: 14px;
+  }
+}
+
+@media (min-width: 768px) {
+  .api-groups {
+    columns: 2;
+  }
+}
+
+@media (min-width: 1024px) {
+  .api-groups {
+    columns: 3;
+  }
+}
 </style>