From c4b213b6bf8fd35fe6875af57b8b95614d3afc38 Mon Sep 17 00:00:00 2001
From: Sabrina Ferguson <sf@matterlabs.dev>
Date: Tue, 21 May 2024 12:22:14 -0400
Subject: [PATCH 1/3] feat: improve nav loading in content

---
 app.vue                                       |  3 +-
 .../{_info.yml => _dir.yml}                   |  0
 .../{_info.yml => _dir.yml}                   |  0
 .../{_info.yml => _dir.yml}                   |  0
 .../erc20-paymaster/{_info.yml => _dir.yml}   |  0
 .../{_info.yml => _dir.yml}                   |  0
 .../{_info.yml => _dir.yml}                   |  0
 .../guide-subquery/{_info.yml => _dir.yml}    |  0
 .../guide-the-graph/{_info.yml => _dir.yml}   |  0
 .../guide-viem/{_info.yml => _dir.yml}        |  0
 .../guide-wagmi/{_info.yml => _dir.yml}       |  0
 .../{_info.yml => _dir.yml}                   |  0
 .../guide-web3js/{_info.yml => _dir.yml}      |  0
 .../{_info.yml => _dir.yml}                   |  0
 .../{_info.yml => _dir.yml}                   |  0
 .../{_info.yml => _dir.yml}                   |  0
 .../{_info.yml => _dir.yml}                   |  0
 .../{_info.yml => _dir.yml}                   |  0
 .../{_info.yml => _dir.yml}                   |  0
 .../{_info.yml => _dir.yml}                   |  0
 .../{_info.yml => _dir.yml}                   |  0
 .../{_info.yml => _dir.yml}                   |  0
 layouts/tutorials.vue                         | 73 ------------------
 nuxt.config.ts                                |  5 ++
 pages/index.vue                               | 22 ++++--
 pages/tutorials/[...slug].vue                 | 77 +++++++++----------
 pages/tutorials/index.vue                     | 14 +++-
 27 files changed, 67 insertions(+), 127 deletions(-)
 rename content/tutorials/cross-chain-governance/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/daily-spend-limit-account/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/dapp-nft-paymaster/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/erc20-paymaster/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/frontend-paymaster/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/guide-dipdup-indexer/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/guide-subquery/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/guide-the-graph/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/guide-viem/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/guide-wagmi/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/guide-walletconnect/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/guide-web3js/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/how-to-deploy-contract/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/how-to-deposit-erc20/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/how-to-deposit-eth/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/how-to-send-l2-l1-message/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/how-to-test-contracts/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/how-to-verify-contracts/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/how-to-withdraw-erc20/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/how-to-withdraw-eth/{_info.yml => _dir.yml} (100%)
 rename content/tutorials/native-aa-multisig/{_info.yml => _dir.yml} (100%)
 delete mode 100644 layouts/tutorials.vue

diff --git a/app.vue b/app.vue
index b0a6cbf..2d6d035 100644
--- a/app.vue
+++ b/app.vue
@@ -3,6 +3,7 @@ provideHeadlessUseId(() => useId());
 const { seo } = useAppConfig();
 
 const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation());
+provide('navigation', navigation);
 
 useHead({
   meta: [
@@ -38,8 +39,6 @@ useSeoMeta({
 });
 
 defineOgImageComponent('OgImageZK');
-
-provide('navigation', navigation);
 </script>
 
 <template>
diff --git a/content/tutorials/cross-chain-governance/_info.yml b/content/tutorials/cross-chain-governance/_dir.yml
similarity index 100%
rename from content/tutorials/cross-chain-governance/_info.yml
rename to content/tutorials/cross-chain-governance/_dir.yml
diff --git a/content/tutorials/daily-spend-limit-account/_info.yml b/content/tutorials/daily-spend-limit-account/_dir.yml
similarity index 100%
rename from content/tutorials/daily-spend-limit-account/_info.yml
rename to content/tutorials/daily-spend-limit-account/_dir.yml
diff --git a/content/tutorials/dapp-nft-paymaster/_info.yml b/content/tutorials/dapp-nft-paymaster/_dir.yml
similarity index 100%
rename from content/tutorials/dapp-nft-paymaster/_info.yml
rename to content/tutorials/dapp-nft-paymaster/_dir.yml
diff --git a/content/tutorials/erc20-paymaster/_info.yml b/content/tutorials/erc20-paymaster/_dir.yml
similarity index 100%
rename from content/tutorials/erc20-paymaster/_info.yml
rename to content/tutorials/erc20-paymaster/_dir.yml
diff --git a/content/tutorials/frontend-paymaster/_info.yml b/content/tutorials/frontend-paymaster/_dir.yml
similarity index 100%
rename from content/tutorials/frontend-paymaster/_info.yml
rename to content/tutorials/frontend-paymaster/_dir.yml
diff --git a/content/tutorials/guide-dipdup-indexer/_info.yml b/content/tutorials/guide-dipdup-indexer/_dir.yml
similarity index 100%
rename from content/tutorials/guide-dipdup-indexer/_info.yml
rename to content/tutorials/guide-dipdup-indexer/_dir.yml
diff --git a/content/tutorials/guide-subquery/_info.yml b/content/tutorials/guide-subquery/_dir.yml
similarity index 100%
rename from content/tutorials/guide-subquery/_info.yml
rename to content/tutorials/guide-subquery/_dir.yml
diff --git a/content/tutorials/guide-the-graph/_info.yml b/content/tutorials/guide-the-graph/_dir.yml
similarity index 100%
rename from content/tutorials/guide-the-graph/_info.yml
rename to content/tutorials/guide-the-graph/_dir.yml
diff --git a/content/tutorials/guide-viem/_info.yml b/content/tutorials/guide-viem/_dir.yml
similarity index 100%
rename from content/tutorials/guide-viem/_info.yml
rename to content/tutorials/guide-viem/_dir.yml
diff --git a/content/tutorials/guide-wagmi/_info.yml b/content/tutorials/guide-wagmi/_dir.yml
similarity index 100%
rename from content/tutorials/guide-wagmi/_info.yml
rename to content/tutorials/guide-wagmi/_dir.yml
diff --git a/content/tutorials/guide-walletconnect/_info.yml b/content/tutorials/guide-walletconnect/_dir.yml
similarity index 100%
rename from content/tutorials/guide-walletconnect/_info.yml
rename to content/tutorials/guide-walletconnect/_dir.yml
diff --git a/content/tutorials/guide-web3js/_info.yml b/content/tutorials/guide-web3js/_dir.yml
similarity index 100%
rename from content/tutorials/guide-web3js/_info.yml
rename to content/tutorials/guide-web3js/_dir.yml
diff --git a/content/tutorials/how-to-deploy-contract/_info.yml b/content/tutorials/how-to-deploy-contract/_dir.yml
similarity index 100%
rename from content/tutorials/how-to-deploy-contract/_info.yml
rename to content/tutorials/how-to-deploy-contract/_dir.yml
diff --git a/content/tutorials/how-to-deposit-erc20/_info.yml b/content/tutorials/how-to-deposit-erc20/_dir.yml
similarity index 100%
rename from content/tutorials/how-to-deposit-erc20/_info.yml
rename to content/tutorials/how-to-deposit-erc20/_dir.yml
diff --git a/content/tutorials/how-to-deposit-eth/_info.yml b/content/tutorials/how-to-deposit-eth/_dir.yml
similarity index 100%
rename from content/tutorials/how-to-deposit-eth/_info.yml
rename to content/tutorials/how-to-deposit-eth/_dir.yml
diff --git a/content/tutorials/how-to-send-l2-l1-message/_info.yml b/content/tutorials/how-to-send-l2-l1-message/_dir.yml
similarity index 100%
rename from content/tutorials/how-to-send-l2-l1-message/_info.yml
rename to content/tutorials/how-to-send-l2-l1-message/_dir.yml
diff --git a/content/tutorials/how-to-test-contracts/_info.yml b/content/tutorials/how-to-test-contracts/_dir.yml
similarity index 100%
rename from content/tutorials/how-to-test-contracts/_info.yml
rename to content/tutorials/how-to-test-contracts/_dir.yml
diff --git a/content/tutorials/how-to-verify-contracts/_info.yml b/content/tutorials/how-to-verify-contracts/_dir.yml
similarity index 100%
rename from content/tutorials/how-to-verify-contracts/_info.yml
rename to content/tutorials/how-to-verify-contracts/_dir.yml
diff --git a/content/tutorials/how-to-withdraw-erc20/_info.yml b/content/tutorials/how-to-withdraw-erc20/_dir.yml
similarity index 100%
rename from content/tutorials/how-to-withdraw-erc20/_info.yml
rename to content/tutorials/how-to-withdraw-erc20/_dir.yml
diff --git a/content/tutorials/how-to-withdraw-eth/_info.yml b/content/tutorials/how-to-withdraw-eth/_dir.yml
similarity index 100%
rename from content/tutorials/how-to-withdraw-eth/_info.yml
rename to content/tutorials/how-to-withdraw-eth/_dir.yml
diff --git a/content/tutorials/native-aa-multisig/_info.yml b/content/tutorials/native-aa-multisig/_dir.yml
similarity index 100%
rename from content/tutorials/native-aa-multisig/_info.yml
rename to content/tutorials/native-aa-multisig/_dir.yml
diff --git a/layouts/tutorials.vue b/layouts/tutorials.vue
deleted file mode 100644
index ae9cb19..0000000
--- a/layouts/tutorials.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<script setup lang="ts">
-const route = useRoute();
-
-if (!route.path) {
-  throw new Error('Route path is not defined');
-}
-
-const { data: info } = await useAsyncData(`${route.path}-info`, () => {
-  return queryContent(`${route.fullPath}/_info`).findOne();
-});
-
-const { data: navigation } = await useAsyncData(`${route.path}-sidenav`, () => {
-  const query = queryContent().where({
-    _path: { $contains: route.path },
-    _extension: 'md',
-    _partial: false,
-  });
-
-  return fetchContentNavigation(query);
-});
-
-const links = [
-  {
-    label: 'Tutorials',
-    icon: 'i-heroicons-arrow-left-circle',
-    to: '/tutorials',
-  },
-  {
-    label: info.value?.title || 'Guide',
-    collapsible: false,
-    children: navigation.value[0].children[0].children.map((item) => ({
-      label: item.title,
-      to: item._path,
-    })),
-  },
-];
-
-const communityLinks = [
-  {
-    icon: 'i-heroicons-academic-cap-solid',
-    label: 'Contribute',
-    to: 'https://github.com/zkSync-Community-Hub/community-code',
-  },
-  {
-    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',
-  },
-];
-</script>
-
-<template>
-  <UContainer>
-    <UPage>
-      <template #left>
-        <UAside>
-          <UDashboardSidebarLinks :links="links" />
-          <UDivider class="my-4" />
-          <UPageLinks :links="communityLinks" />
-        </UAside>
-      </template>
-
-      <slot />
-    </UPage>
-  </UContainer>
-</template>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 060692b..0978b36 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -11,4 +11,9 @@ export default defineNuxtConfig({
       app: 'code',
     },
   },
+  content: {
+    navigation: {
+      fields: ['authors', 'tags', 'summary', 'updated', 'tools', 'featured', 'description'],
+    },
+  },
 });
diff --git a/pages/index.vue b/pages/index.vue
index 0734a5c..e12da84 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,16 +1,22 @@
 <script setup lang="ts">
+import type { NavItem } from '@nuxt/content/types';
+
 const { data: page } = await useAsyncData('index', () => queryContent('/').findOne());
 
-const { data: guides } = await useAsyncData('tutorials', () =>
-  queryContent('tutorials').where({ _extension: 'yml' }).find()
-);
+const navigation = inject<Ref<NavItem[]>>('navigation');
+
+const guides = computed(() => {
+  const tutorialPath = navigation?.value.find((item) => item._path === '/tutorials') ?? { children: [] };
+
+  return tutorialPath.children;
+});
 
 useSeoMeta({
   titleTemplate: '',
-  title: page.value.title,
-  ogTitle: page.value.title,
-  description: page.value.description,
-  ogDescription: page.value.description,
+  title: page.value?.title,
+  ogTitle: page.value?.title,
+  description: page.value?.description,
+  ogDescription: page.value?.description,
 });
 </script>
 
@@ -43,7 +49,7 @@ useSeoMeta({
         <SiteLink
           v-for="(guide, index) of guides"
           :key="index"
-          :to="`/tutorials/${guide._dir}`"
+          :to="guide._path"
           class="hover:border-zkPurple-300 rounded-lg border-2 border-transparent transition-colors duration-200 ease-in-out"
         >
           <UCard>
diff --git a/pages/tutorials/[...slug].vue b/pages/tutorials/[...slug].vue
index 543c36b..181c421 100644
--- a/pages/tutorials/[...slug].vue
+++ b/pages/tutorials/[...slug].vue
@@ -1,25 +1,32 @@
 <script setup lang="ts">
 import { withoutTrailingSlash } from 'ufo';
 import dayjs from 'dayjs';
+import type { NavItem } from '@nuxt/content/types';
 
 definePageMeta({
   layout: 'docs',
 });
 
 const route = useRoute();
+
 const { seo } = useAppConfig();
+const nav = inject<Ref<NavItem[]>>('navigation');
+
+const metadata = computed(() => {
+  return nav?.value
+    .find((item) => item._path === '/tutorials')
+    ?.children?.find((item) => item._path === `/tutorials/${route.params.slug[0]}`);
+});
 
 const isIndex = ref(route.params.slug.length < 2);
-const { data: info } = await useAsyncData(`${route.path}-info`, () =>
-  queryContent(`/tutorials/${route.params.slug[0]}/_info`).findOne()
-);
 
 const { data: page } = await useAsyncData(route.path, () => queryContent(route.path).findOne());
+
 if (!page.value) {
   throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true });
 }
 
-const { data: surround } = await useAsyncData(`${route.path}-surround`, () =>
+const { data: surroundLinks } = await useAsyncData(`${route.path}-surround`, () =>
   queryContent()
     .where({
       _extension: 'md',
@@ -30,32 +37,22 @@ const { data: surround } = await useAsyncData(`${route.path}-surround`, () =>
     .findSurround(withoutTrailingSlash(route.path + '/'))
 );
 
-const surroundLinks = computed(() => {
-  return surround.value.length > 0 ? surround.value.filter((item) => item?._type !== 'yaml') : [];
+const surround = computed(() => {
+  return surroundLinks.value ?? [];
 });
 
 const lastUpdated = computed(() => {
-  const date = info.value.updated || info.value.created;
+  const date = metadata.value?.updated || metadata.value?.created;
   return date ? dayjs(date, 'YYYY-MM-DD').format('MMM DD, YYYY') : '';
 });
 
 useSeoMeta({
-  title: info.value.title,
-  ogTitle: `${info.value.title} - ${seo?.siteName}`,
-  description: info.value.summary,
-  ogDescription: info.value.summary,
+  title: metadata.value?.title,
+  ogTitle: `${metadata.value?.title} - ${seo?.siteName}`,
+  description: metadata.value?.summary,
+  ogDescription: metadata.value?.summary,
   ogType: 'article',
-  author: info.value.authors[0].name,
-});
-
-const { data: navigation } = await useAsyncData(`${route.path}-sidenav`, () => {
-  const query = queryContent().where({
-    _path: { $contains: route.params.slug[0] },
-    _extension: 'md',
-    _partial: false,
-  });
-
-  return fetchContentNavigation(query);
+  author: metadata.value?.authors[0].name,
 });
 
 const links = [
@@ -65,9 +62,9 @@ const links = [
     to: '/tutorials',
   },
   {
-    label: info.value?.title || 'Guide',
+    label: metadata.value?.title || 'Guide',
     collapsible: false,
-    children: navigation.value[0].children[0].children.map((item) => ({
+    children: metadata.value?.children?.map((item) => ({
       label: item.title,
       to: item._path,
     })),
@@ -106,20 +103,20 @@ const communityLinks = [
         </UAside>
       </template>
 
-      <UPage v-if="isIndex && info">
+      <UPage v-if="isIndex && metadata">
         <UPageHeader
-          :title="page.title"
-          :description="page.description"
+          :title="page?.title"
+          :description="page?.description"
         />
         <div class="grid grid-cols-8 gap-4 py-5">
           <div class="col-span-5">
             <AuthorsList
               class="mb-4"
-              :authors="info.authors"
+              :authors="metadata.authors"
               :with-links="true"
             />
             <p>
-              {{ info.description }}
+              {{ metadata.description }}
             </p>
             <h3 class="mt-4 text-xl font-semibold">What you'll learn:</h3>
             <ul
@@ -127,7 +124,7 @@ const communityLinks = [
               class="list-inside list-disc"
             >
               <li
-                v-for="item in info.what_you_will_learn"
+                v-for="item in metadata.what_you_will_learn"
                 :key="item"
               >
                 {{ item }}
@@ -143,7 +140,7 @@ const communityLinks = [
               variant="solid"
               label="GitHub"
               target="_blank"
-              :to="info.github_repo"
+              :to="metadata.github_repo"
               :trailing="false"
             />
             <h3 class="my-2 text-xl font-semibold">Last Updated:</h3>
@@ -154,7 +151,7 @@ const communityLinks = [
               class="list-inside list-disc"
             >
               <li
-                v-for="item in info.tools"
+                v-for="item in metadata.tools"
                 :key="item"
               >
                 {{ item }}
@@ -163,7 +160,7 @@ const communityLinks = [
             <h3 class="my-2 text-xl font-semibold">Tags:</h3>
             <div class="flex flex-wrap">
               <UBadge
-                v-for="tag in info.tags"
+                v-for="tag in metadata.tags"
                 :key="tag"
                 :label="tag"
                 color="blue"
@@ -180,23 +177,23 @@ const communityLinks = [
       <UPage>
         <UPageHeader
           v-if="!isIndex"
-          :title="page.title"
-          :description="page.description"
+          :title="page?.title"
+          :description="page?.description"
         />
 
         <UPageBody prose>
           <ContentRenderer
-            v-if="page.body"
+            v-if="page?.body"
             :value="page"
           />
 
           <hr
-            v-if="surroundLinks.length > 0"
+            v-if="surround.length > 0"
             class="mb-4"
           />
 
           <UContentSurround
-            :surround="surroundLinks"
+            :surround
             :ui="{
               wrapper: 'grid gap-8 sm:grid-cols-2',
               icon: {
@@ -218,12 +215,12 @@ const communityLinks = [
         </UPageBody>
 
         <template
-          v-if="page.toc !== false"
+          v-if="page?.toc !== false"
           #right
         >
           <UContentToc
             title="Table of contents"
-            :links="page.body?.toc?.links"
+            :links="page?.body?.toc?.links"
           />
         </template>
       </UPage>
diff --git a/pages/tutorials/index.vue b/pages/tutorials/index.vue
index 4579aa2..babe5cc 100644
--- a/pages/tutorials/index.vue
+++ b/pages/tutorials/index.vue
@@ -1,7 +1,13 @@
 <script setup lang="ts">
-const { data: guides } = await useAsyncData('tutorials', () =>
-  queryContent('tutorials').where({ _extension: 'yml' }).find()
-);
+import type { NavItem } from '@nuxt/content/types';
+
+const navigation = inject<Ref<NavItem[]>>('navigation');
+
+const guides = computed(() => {
+  const tutorialPath = navigation?.value.find((item) => item._path === '/tutorials') ?? { children: [] };
+
+  return tutorialPath.children;
+});
 </script>
 
 <template>
@@ -18,7 +24,7 @@ const { data: guides } = await useAsyncData('tutorials', () =>
           v-for="(guide, index) of guides"
           :key="index"
           :title="guide.title"
-          :to="`/tutorials/${guide._dir}`"
+          :to="guide._path"
           class="mb-4"
         >
           <template #description>

From 326b9cb349a826aafb9735a1f873ee3d8649a0e5 Mon Sep 17 00:00:00 2001
From: Sabrina Ferguson <sf@matterlabs.dev>
Date: Tue, 21 May 2024 13:49:24 -0400
Subject: [PATCH 2/3] chore: update seo

---
 app.vue                       | 26 +++++++++-----------------
 content/index.yml             |  3 +--
 pages/index.vue               |  3 ---
 pages/tutorials/[...slug].vue |  8 +++++---
 4 files changed, 15 insertions(+), 25 deletions(-)

diff --git a/app.vue b/app.vue
index 2d6d035..da472d5 100644
--- a/app.vue
+++ b/app.vue
@@ -6,20 +6,7 @@ const { data: navigation } = await useAsyncData('navigation', () => fetchContent
 provide('navigation', navigation);
 
 useHead({
-  meta: [
-    { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-    {
-      name: 'keywords',
-      content:
-        'Documentation, Developers, Era, zkSync, ZK Stack, Matter Labs, rollup, ZK rollup, zero confirmation, ZKP, zero-knowledge proofs, Ethereum, crypto, blockchain, permissionless, L2, secure payments, scalable',
-    },
-    {
-      name: 'description',
-      content:
-        'zkSync Docs bring you all information you need about our protocol, APIs, SDKs, ZK Stack, and hyperchains. Start with our guides and tutorials, or go deep into our architecture and protocol specification.',
-    },
-    { name: 'author', content: 'https://matter-labs.io' },
-  ],
+  meta: [{ name: 'viewport', content: 'width=device-width, initial-scale=1' }],
   link: [{ rel: 'icon', href: '/favicon.ico' }],
   htmlAttrs: {
     lang: 'en',
@@ -30,12 +17,17 @@ useSeoMeta({
   titleTemplate: `%s - ${seo?.siteName}`,
   ogSiteName: seo?.siteName,
   ogUrl: 'https://code.zksync.io/',
+  description:
+    'Build together with the zkSync Community. Learn how to build amazing smart contracts and dApps on zkSync Era.',
   ogDescription:
-    'zkSync Docs bring you all information you need about our protocol, APIs, SDKs, ZK Stack, and hyperchains. Start with our guides and tutorials, or go deep into our architecture and protocol specification.',
+    'Build together with the zkSync Community. Learn how to build amazing smart contracts and dApps on zkSync Era.',
+  twitterTitle: `%s`,
+  twitterDescription:
+    'Build together with the zkSync Community. Learn how to build amazing smart contracts and dApps on zkSync Era.',
   twitterCard: 'summary_large_image',
   twitterSite: '@zksync',
-  twitterCreator: '@the_matter_labs',
-  twitterImageAlt: 'zkSync — Accelerating the mass adoption of crypto for personal sovereignty.',
+  twitterCreator: '@zkSyncDevs',
+  twitterImageAlt: 'Hyperscaling Ethereum with ZK tech.',
 });
 
 defineOgImageComponent('OgImageZK');
diff --git a/content/index.yml b/content/index.yml
index afa9c7b..007da39 100644
--- a/content/index.yml
+++ b/content/index.yml
@@ -1,5 +1,4 @@
-title: 'zkSync Code Community'
-description: Contribute and share code for the zkSync community!
+title: 'zkSync Community Code'
 features:
   title: 'Community Contributed Guides for zkSync'
   links:
diff --git a/pages/index.vue b/pages/index.vue
index e12da84..c00ab88 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -14,9 +14,6 @@ const guides = computed(() => {
 useSeoMeta({
   titleTemplate: '',
   title: page.value?.title,
-  ogTitle: page.value?.title,
-  description: page.value?.description,
-  ogDescription: page.value?.description,
 });
 </script>
 
diff --git a/pages/tutorials/[...slug].vue b/pages/tutorials/[...slug].vue
index 181c421..540b9e7 100644
--- a/pages/tutorials/[...slug].vue
+++ b/pages/tutorials/[...slug].vue
@@ -8,8 +8,6 @@ definePageMeta({
 });
 
 const route = useRoute();
-
-const { seo } = useAppConfig();
 const nav = inject<Ref<NavItem[]>>('navigation');
 
 const metadata = computed(() => {
@@ -46,13 +44,17 @@ const lastUpdated = computed(() => {
   return date ? dayjs(date, 'YYYY-MM-DD').format('MMM DD, YYYY') : '';
 });
 
+const { seo } = useAppConfig();
 useSeoMeta({
   title: metadata.value?.title,
   ogTitle: `${metadata.value?.title} - ${seo?.siteName}`,
   description: metadata.value?.summary,
   ogDescription: metadata.value?.summary,
+  twitterDescription: metadata.value?.summary,
   ogType: 'article',
-  author: metadata.value?.authors[0].name,
+  author: metadata.value?.authors
+    .map((author: { name: string; url: string; avatar: string }) => author.name)
+    .join(', '),
 });
 
 const links = [

From c7e73d757dd04f89fd5748392da861fdb08161d3 Mon Sep 17 00:00:00 2001
From: Sabrina Ferguson <sf@matterlabs.dev>
Date: Tue, 21 May 2024 14:37:16 -0400
Subject: [PATCH 3/3] chore: update spelling dict

---
 cspell-config/cspell-zksync.txt | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/cspell-config/cspell-zksync.txt b/cspell-config/cspell-zksync.txt
index 06c86fa..ca3c3e8 100644
--- a/cspell-config/cspell-zksync.txt
+++ b/cspell-config/cspell-zksync.txt
@@ -1,6 +1,7 @@
 // zkSync-related words
 boojum
-MatterLabs
+!MatterLabs
+Matter Labs
 Zeek
 Zeeks
 zkcast