docs: update logo

Author: zhiyuanzmj

docs/.vitepress/config.ts

@@ -9,6 +9,7 @@ export default defineConfig({
   description: 'Vue JSX Vapor',
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
+    logo: '/logo.png',
     nav: [
       { text: 'Home', link: '/' },
       { text: 'Features', link: '/features/directives' },

docs/.vitepress/theme/style.css

@@ -94,14 +94,14 @@
   --vp-home-hero-name-color: transparent;
   --vp-home-hero-name-background: -webkit-linear-gradient(
     120deg,
-    #bd34fe 30%,
+    #40b883 30%,
     #41d1ff
   );
 
   --vp-home-hero-image-background-image: linear-gradient(
     -45deg,
-    #bd34fe 50%,
-    #47caff 50%
+    #40b883 50%,
+    #41d1ff 50%
   );
   --vp-home-hero-image-filter: blur(44px);
 }

docs/index.md

@@ -4,8 +4,11 @@ layout: home
 
 hero:
   name: "Vue JSX Vapor"
-  # text: "Vue JSX Vapor"
+  text: "Type-safe, Improve DX, High Performance"
   tagline: Supports Vapor mode, all build-in directives and most macros of Vue.
+  image:
+    src: /logo.png
+    alt: Vue JSX Vapor
   actions:
     - theme: brand
       text: Get Started
@@ -21,6 +24,9 @@ features:
   - icon: ⚒️ ️
     title: Directives
     details: Support all build-in directives of Vue.
+  - icon: 🦾
+    title: Type Safe
+    details: Provide Volar support by install TS Macro (VSCode plugin).
   - icon: ⚡️
     title: Performance
     details: It has the same performance with Vue Vapor!