docs: add meta or og & twitter

Author: fratzinger

docs/.vitepress/config.ts

@@ -1,10 +1,22 @@
 import { defineConfig } from "vitepress";
+import { name, description, ogUrl, ogImage } from "./meta";
 
 export default defineConfig({
   title: "feathers-hooks-common",
   lastUpdated: true,
   description: "",
-  head: [["link", { rel: "icon", href: "/feathers-hooks-common-logo.png" }]],
+  head: [
+    ["meta", { name: "theme-color", content: "#ae0bb1" }],
+    ["link", { rel: "icon", href: "/feathers-hooks-common-logo.png" }],
+    ["meta", { property: "og:title", content: name }],
+    ["meta", { property: "og:description", content: description }],
+    ["meta", { property: "og:url", content: ogUrl }],
+    ["meta", { property: "og:image", content: ogImage }],
+    ["meta", { name: "twitter:title", content: name }],
+    ["meta", { name: "twitter:description", content: description }],
+    ["meta", { name: "twitter:image", content: ogImage }],
+    ["meta", { name: "twitter:card", content: "summary_large_image" }],
+  ],
   themeConfig: {
     siteTitle: "feathers-hooks-common",
     editLink: {

docs/.vitepress/meta.ts

@@ -0,0 +1,5 @@
+export const name = "feathers-hooks-common";
+export const description = "Common hooks and utils for FeathersJS apps";
+
+export const ogUrl = "https://hooks-common.feathersjs.com/";
+export const ogImage = "https://hooks-common.feathersjs.com/feathers-hooks-common-logo.png";

docs/.vitepress/style/main.css

@@ -3,7 +3,6 @@
  * -------------------------------------------------------------------------- */
 
  :root {
-  --vp-c-accent: #dab40b;
   --vp-c-brand: #ae0bb1;
   --vp-c-brand-light: #bc0cbf;
   --vp-c-brand-lighter: #c80dcb;