feat: v1.0

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -29,7 +29,7 @@ body:
     id: reproduction
     attributes:
       label: Reproduction
-      description: Please provide a link to [StackBlitz](https://stackblitz.com/edit/vitejs-vite-lbg2ww?file=src%2FApp.tsx) or a github repo that can reproduce the problem you ran into. A [minimal reproduction](https://stackoverflow.com/help/minimal-reproducible-example) is required unless you are absolutely sure that the issue is obvious and the provided information is enough to understand the problem. [Why reproduction is required](https://antfu.me/posts/why-reproductions-are-required).
+      description: Please provide a link to [StackBlitz](https://stackblitz.com/) or a github repo that can reproduce the problem you ran into. A [minimal reproduction](https://stackoverflow.com/help/minimal-reproducible-example) is required unless you are absolutely sure that the issue is obvious and the provided information is enough to understand the problem. [Why reproduction is required](https://antfu.me/posts/why-reproductions-are-required).
       placeholder: Reproduction
     validations:
       required: true

docs/.vitepress/theme/index.ts

@@ -36,6 +36,10 @@ export default {
     app.provide(InjectionKey, {
       layoutSwitch: {
         disableAnimation: true,
+        defaultMode: 3,
+      },
+      spotlight: {
+        defaultToggle: false,
       },
     })
   },

docs/.vitepress/theme/style.scss

@@ -53,7 +53,8 @@
   --vp-nav-logo-height: 36px;
 }
 
-.VPSocialLinks.VPNavBarSocialLinks.social-links {
+.VPSocialLinks.VPNavBarSocialLinks.social-links,
+.VPNavBarExtra.extra {
   @apply mie-0;
 }
 
@@ -74,33 +75,13 @@
   --vp-home-hero-image-background-image: linear-gradient(135deg, #ffb7c2 35%, #9dffff);
 }
 
-.VPHero .image-bg {
-  @apply opacity-60 z-1;
-}
-
-.VPFeatures {
-  .VPFeature {
-    @apply transition-all transition-duration-800;
-  }
-
-  .item:nth-child(1) .VPFeature {
-    @apply media-mouse:hover:opacity-30;
-  }
-
-  .item:nth-child(2) .VPFeature {
-    @apply media-mouse:hover:scale-130;
-  }
-
-  .item:nth-child(3) .VPFeature {
-    @apply media-mouse:hover:rotate-30;
-  }
-
-  .item:nth-child(4) .VPFeature {
-    @apply media-mouse:hover:-translate-y-30%;
+.VPHero {
+  .image-bg {
+    @apply opacity-60 z-1;
   }
 
-  .item:nth-child(5) .VPFeature {
-    @apply media-mouse:hover:(opacity-50 scale-130 rotate-30 -translate-y-30% translate-x-50%);
+  .image-src {
+    @apply size-999;
   }
 }
 

docs/src/index.md

@@ -21,24 +21,18 @@ hero:
       link: https://github.com/xsjcTony/remark-magic-link
 
 features:
-  - title: Fade in / out
-    icon: <i class="i-material-symbols:transition-fade text-primary"></i>
-    details: Define starting / ending opacity
-    link: /animations/fade
-  - title: Zoom in / out
-    icon: <i class="i-material-symbols:pan-zoom text-primary"></i>
-    details: Define starting / ending rotation
-    link: /animations/zoom
-  - title: Spin in / out
-    icon: <i class="i-material-symbols:rotate-left text-primary"></i>
-    details: Define starting / ending scale
-    link: /animations/spin
-  - title: Slide in / out
-    icon: <i class="i-material-symbols:transition-push text-primary"></i>
-    details: Define starting / ending translate
-    link: /animations/slide
-  - title: Composable
-    icon: <i class="i-streamline:interface-page-controller-settings-page-setting-square-triangle-circle-line-combination-variation text-primary"></i>
-    details: Animations can be easily combined together
-    link: /animations/
+  - title: Easy To Use
+    icon: 🌟
+    details: Simple integration with Remark and MDX, works out of the box
+  - title: Customizable
+    icon: 🛠️
+    details: Customize how you want to parse the matched text and render the output with ease
+    link: /api/handler
+  - title: Accessible Output
+    icon: 🦻
+    details: Generate accessible output which is friendly to screen readers
+  - title: Fully Typed APIs
+    icon: <i class="i-logos:typescript-icon"></i>
+    details: Flexible APIs with full TypeScript typings
+    link: /api/
 ---