feat: tutorials section

.eslintignore

@@ -1,4 +1,8 @@
-dist
-node_modules
 .output
 .nuxt
+*.d.ts
+**/node_modules/**
+**/build/**
+**/dist/**
+**/coverage/**
+**/.*/**

.eslintrc.json

@@ -15,6 +15,7 @@
           "void": "always"
         }
       }
-    ]
+    ],
+    "vue/singleline-html-element-content-newline": "off"
   }
 }

app.config.ts

@@ -1,78 +1,109 @@
 export default defineAppConfig({
   ui: {
-    primary: 'green',
-    gray: 'slate',
+    variables: {
+      light: {
+        background: '255 252 255',
+        // foreground: '147 68 68',
+      },
+      dark: {
+        background: '17 20 43',
+        // foreground: 'var(--color-gray-200)',
+      },
+      // header: {
+      //   height: '1rem',
+      // },
+    },
+    primary: 'zkPurple',
+    gray: 'zkSlate',
     footer: {
       bottom: {
         left: 'text-sm text-gray-500 dark:text-gray-400',
-        wrapper: 'border-t border-gray-200 dark:border-gray-800'
-      }
-    }
+        wrapper: 'border-t border-gray-200 dark:border-gray-800',
+      },
+    },
+    content: {
+      prose: {
+        code: {
+          icon: {
+            go: 'vscode-icons:file-type-go',
+            vyper: 'devicon:vyper',
+            sol: 'vscode-icons:file-type-solidity',
+          },
+        },
+      },
+    },
   },
   seo: {
-    siteName: 'Nuxt UI Pro - Docs template',
+    siteName: 'zkSync Community Cookbook',
   },
   header: {
     logo: {
       alt: '',
-      light: '',
-      dark: ''
+      light: '/logos/zksync_logo_black.svg',
+      dark: '/logos/zksync_logo.svg',
     },
     search: true,
     colorMode: true,
-    links: [{
-      icon: 'i-simple-icons-github',
-      to: 'https://github.com/nuxt-ui-pro/docs',
-      target: '_blank',
-      'aria-label': 'Docs template on GitHub'
-    }]
+    links: [
+      {
+        icon: 'i-simple-icons-github',
+        to: 'https://github.com/matter-labs/zksync-docs',
+        target: '_blank',
+        'aria-label': 'zkSync Docs on GitHub',
+        title: 'zkSync Docs on GitHub',
+      },
+    ],
   },
   footer: {
-    credits: 'Copyright © 2023',
+    credits: 'Made with ❤️ by Matter Labs & Community',
     colorMode: false,
-    links: [{
-      icon: 'i-simple-icons-nuxtdotjs',
-      to: 'https://nuxt.com',
-      target: '_blank',
-      'aria-label': 'Nuxt Website'
-    }, {
-      icon: 'i-simple-icons-discord',
-      to: 'https://discord.com/invite/ps2h6QT',
-      target: '_blank',
-      'aria-label': 'Nuxt UI on Discord'
-    }, {
-      icon: 'i-simple-icons-x',
-      to: 'https://x.com/nuxt_js',
-      target: '_blank',
-      'aria-label': 'Nuxt on X'
-    }, {
-      icon: 'i-simple-icons-github',
-      to: 'https://github.com/nuxt/ui',
-      target: '_blank',
-      'aria-label': 'Nuxt UI on GitHub'
-    }]
+    links: [
+      {
+        icon: 'i-zksync-matterlabs-logo',
+        to: 'https://matter-labs.io',
+        target: '_blank',
+        'aria-label': 'MatterLabs Website',
+      },
+      {
+        icon: 'i-simple-icons-x',
+        to: 'https://x.com/zksync',
+        target: '_blank',
+        'aria-label': 'zkSync on X',
+      },
+      {
+        icon: 'i-simple-icons-github',
+        to: 'https://github.com/matter-labs',
+        target: '_blank',
+        'aria-label': 'zkSync on GitHub',
+      },
+      {
+        icon: 'i-simple-icons-discord',
+        to: 'https://join.zksync.dev/',
+        target: '_blank',
+        'aria-label': 'zkSync on Discord',
+      },
+    ],
   },
   toc: {
     title: 'Table of Contents',
     bottom: {
-      title: 'Community',
-      edit: 'https://github.com/nuxt-ui-pro/docs/edit/main/content',
-      links: [{
-        icon: 'i-heroicons-star',
-        label: 'Star on GitHub',
-        to: 'https://github.com/nuxt/ui',
-        target: '_blank',
-      }, {
-        icon: 'i-heroicons-book-open',
-        label: 'Nuxt UI Pro docs',
-        to: 'https://ui.nuxt.com/pro/guide',
-        target: '_blank',
-      }, {
-        icon: 'i-simple-icons-nuxtdotjs',
-        label: 'Purchase a license',
-        to: 'https://ui.nuxt.com/pro/purchase',
-        target: '_blank',
-      }]
-    }
-  }
-})
+      title: '',
+      edit: 'https://github.com/matter-labs/zksync-docs/edit/staging/content',
+      feedback: 'https://github.com/matter-labs/zksync-docs/issues/new?labels=documentation',
+      links: [
+        {
+          icon: 'i-heroicons-chat-bubble-oval-left-ellipsis-16-solid',
+          label: 'Chat on Discord',
+          to: 'https://join.zksync.dev/',
+          target: '_blank',
+        },
+        {
+          icon: 'i-heroicons-user-group-20-solid',
+          label: 'Developer Forum',
+          to: 'https://github.com/zkSync-Community-Hub/zkync-developers/discussions',
+          target: '_blank',
+        },
+      ],
+    },
+  },
+});