perf: setup head meta

Author: wibus-wee

docs/.vitepress/config.ts

@@ -5,6 +5,22 @@ export default defineConfig({
   title: "Jwc.js",
   description: "A JavaScript framework for using JSX to write web components on the web.",
   lastUpdated: true,
+
+  head: [
+    ['link', { rel: 'icon', href: '/logo.svg', type: 'image/svg+xml' }],
+    ['meta', { name: 'author', content: `wibus-wee, AkaraChen contributors` }],
+    ['meta', { name: 'keywords', content: 'typescript, node, jwcjs, web-component, web-component-framework' }],
+    ['meta', { property: 'og:title', content: "Jwc.js" }],
+    ['meta', { property: 'og:description', content: "A JavaScript framework for using JSX to write web components on the web." }],
+    ['meta', { property: 'og:url', content: "https://jwc.js.org" }],
+    ['meta', { property: 'og:image', content: "/social-media.png" }],
+    ['meta', { name: 'twitter:title', content: "Jwc.js" }],
+    ['meta', { name: 'twitter:description', content: "A JavaScript framework for using JSX to write web components on the web." }],
+    ['meta', { name: 'twitter:image', content: "/social-media.png" }],
+    ['meta', { name: 'twitter:card', content: 'summary_large_image' }],
+    ['link', { rel: 'mask-icon', href: '/logo.svg', color: '#ffffff' }],
+  ],
+
   themeConfig: {
     logo: "/logo.svg",
 

docs/.vitepress/theme/styles/main.css

@@ -11,10 +11,11 @@ body {
   --vp-home-hero-image-filter: blur(50px) !important;
   --vp-home-hero-name-color: transparent !important;
   --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe, #41d1ff) !important;
-  --vp-c-brand: #bd34fe !important;
+  --vp-c-brand: #bf40f9 !important;
   --vp-code-tab-active-bar-color: var(--vp-c-green) !important;
   --vp-button-brand-border: #bd34fe !important;
   --vp-button-brand-bg: #bd34fe !important;
   --vp-button-brand-hover-bg: #ae00ff !important;
   --vp-button-brand-hover-border: #b108ff !important;
+  --vp-c-brand-dark: #ae00ff !important;
 }