add logo, description, vocs standard og image

coinbase · May 1, 2024 · fc47294 · fc47294
1 parent 6166090
commit fc47294
Show file tree

Hide file tree

Showing 2 changed files with 82 additions and 74 deletions.
diff --git a/docs/public/logo.svg b/docs/public/logo.svg
diff --git a/vocs.config.ts b/vocs.config.ts
@@ -1,91 +1,95 @@
-import { defineConfig } from 'vocs'
+import { defineConfig } from 'vocs';
 
 export default defineConfig({
   theme: {
     colorScheme: 'system',
     variables: {
       color: {
         textAccent: { light: '#2394ff', dark: '#e9e9ea' },
-        backgroundDark: {light: '#ebeaee', dark: 'black'},
-        background: {light: '#f6f5f8', dark: 'black'}, //f6f5f8 /ebf1f8
+        backgroundDark: { light: '#ebeaee', dark: 'black' },
+        background: { light: '#f6f5f8', dark: 'black' }, //f6f5f8 /ebf1f8
         heading: { light: 'black', dark: '#e9e9ea' },
         text3: { light: 'black', dark: '#e9e9ea' },
         background5: { light: '#dee8ff', dark: '#3c393f' },
-      }
-    }
+      },
+    },
   },
+  ogImageUrl: 'https://vocs.dev/api/og?logo=%logo&title=%title&description=%description',
   title: 'Smart Wallet',
-  topNav: [ 
-    { text: 'Demo', link: 'https://smart-wallet.xyz/' }, 
-    { text: 'SDK Playground', link: 'https://coinbase.github.io/coinbase-wallet-sdk/'},
-    { text: 'Github', link: 'https://github.com/coinbase/coinbase-wallet-sdk'},
-    { text: 'Discord', link: 'https://discord.com/invite/cdp/'}
-  ], 
-  sidebar: [ 
-    { 
-      text: 'Why Smart Wallet?', 
-      link: '/why', 
-    }, 
-    { 
-      text: 'Quick Start', 
-      link: '/quick-start', 
-    }, 
-    { 
-      text: 'FAQ', 
-      link: '/faq', 
+  description: 'Smart Wallet Documentation',
+  logoUrl: '/logo.svg',
+  iconUrl: '/logo.svg',
+  topNav: [
+    { text: 'Demo', link: 'https://smart-wallet.xyz/' },
+    { text: 'SDK Playground', link: 'https://coinbase.github.io/coinbase-wallet-sdk/' },
+    { text: 'Github', link: 'https://github.com/coinbase/coinbase-wallet-sdk' },
+    { text: 'Discord', link: 'https://discord.com/invite/cdp/' },
+  ],
+  sidebar: [
+    {
+      text: 'Why Smart Wallet?',
+      link: '/why',
+    },
+    {
+      text: 'Quick Start',
+      link: '/quick-start',
     },
-    { 
-      text: 'Launch Ready Checklist', 
-      link: '/checklist', 
+    {
+      text: 'FAQ',
+      link: '/faq',
     },
-    { 
-      text: 'Wallet Library Support', 
-      link: '/wallet-library-support', 
+    {
+      text: 'Launch Ready Checklist',
+      link: '/checklist',
     },
-    { 
-      text: 'Guides', 
-      collapsed: false, 
-      items: [ 
+    {
+      text: 'Wallet Library Support',
+      link: '/wallet-library-support',
+    },
+    {
+      text: 'Guides',
+      collapsed: false,
+      items: [
         {
-          text: "Create a new app",
+          text: 'Create a new app',
           items: [
-            {text: 'Using Build Onchain Template', link: '/guides/create-app/using-boat'},
-            {text: 'Using Wagmi Template', link: '/guides/create-app/using-wagmi'},
-          ]
+            { text: 'Using Build Onchain Template', link: '/guides/create-app/using-boat' },
+            { text: 'Using Wagmi Template', link: '/guides/create-app/using-wagmi' },
+          ],
         },
         {
           text: 'Update an existing app',
-          link: '/guides/update-existing-app'
+          link: '/guides/update-existing-app',
+        },
+        {
+          text: 'Batch transactions',
+          link: '/guides/batch-transactions',
+        },
+        {
+          text: 'Paymasters (sponsored transactions)',
+          link: '/guides/paymasters',
         },
-        { 
-          text: 'Batch transactions', 
-          link: '/guides/batch-transactions', 
-        }, 
-        { 
-          text: 'Paymasters (sponsored transactions)', 
-          link: '/guides/paymasters', 
-        }, 
-        { 
-          text: 'Magic Spend support', 
-          link: '/guides/magic-spend', 
+        {
+          text: 'Magic Spend support',
+          link: '/guides/magic-spend',
+        },
+      ],
+    },
+    {
+      text: 'SDK',
+      collapsed: false,
+      items: [
+        {
+          text: 'Install',
+          link: '/sdk/install',
+        },
+        {
+          text: 'Setup',
+          link: '/sdk/setup',
         },
-      ], 
-    } ,
-    { 
-      text: 'SDK', 
-      collapsed: false, 
-      items: [ 
-        { 
-          text: 'Install', 
-          link: '/sdk/install', 
-        }, 
-        { 
-          text: 'Setup', 
-          link: '/sdk/setup', 
-        }, 
         {
           text: 'makeWeb3Provider',
-          link: '/sdk/makeWeb3Provider'
+          link: '/sdk/makeWeb3Provider',
         },
         // {
         //   text: 'CoinbaseWalletProvider',
@@ -102,14 +106,14 @@ export default defineConfig({
         //     }
         //   ]
         // },
-      ], 
+      ],
     },
-    // { 
-    //   text: 'Smart Contracts', 
-    //   collapsed: false, 
-    //   items: [ 
-        
-    //   ], 
-    // } 
-  ], 
-})
+    // {
+    //   text: 'Smart Contracts',
+    //   collapsed: false,
+    //   items: [
+
+    //   ],
+    // }
+  ],
+});