Merge pull request #2 from zkSync-Community-Hub/multi-authors

feat: add multi author option to tutorials

app.vue

@@ -4,10 +4,6 @@ import type { ParsedContent } from '@nuxt/content/dist/runtime/types';
 const { seo } = useAppConfig();
 
 const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation());
-const { data: files } = useLazyFetch<ParsedContent[]>('/api/search.json', {
-  default: () => [],
-  server: false,
-});
 
 useHead({
   meta: [
@@ -62,14 +58,6 @@ provide('navigation', navigation);
     </UMain>
 
     <AppFooter />
-
-    <!-- <ClientOnly>
-      <LazyUContentSearch
-        :files="files"
-        :navigation="navigation"
-      />
-    </ClientOnly> -->
-
     <UNotifications />
   </div>
 </template>

components/content/AuthorsList.vue

@@ -0,0 +1,57 @@
+<template>
+  <div class="flex w-auto items-center justify-normal">
+    <UAvatarGroup
+      size="sm"
+      :max="2"
+    >
+      <UAvatar
+        v-for="(author, authIndex) in authorAvatars"
+        :key="authIndex"
+        :src="author.src"
+        :alt="author.name"
+      />
+    </UAvatarGroup>
+    <span
+      v-if="!withLinks"
+      class="ml-3"
+    >
+      {{ authorNames }}
+    </span>
+    <span
+      v-else
+      class="ml-3"
+    >
+      <a
+        v-for="(author, authIndex) in props.authors"
+        :key="authIndex"
+        :href="author.url"
+        target="_blank"
+        class="hover:underline"
+      >
+        {{ author.name }}{{ authIndex < props.authors.length - 1 ? ', ' : '' }}
+      </a>
+    </span>
+  </div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps({
+  authors: {
+    type: Array<{ name: string; url: string; avatar: string }>,
+    required: true,
+    default: () => [],
+  },
+  withLinks: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+const authorNames = computed(() => {
+  return props.authors.map((author) => author.name).join(', ');
+});
+
+const authorAvatars = computed(() => {
+  return props.authors.map((author) => ({ src: author.avatar, name: author.name }));
+});
+</script>

content/tutorials/another-guide/10.index.md

@@ -3,51 +3,30 @@ title: Another Guide
 description: Another guide to learn things.
 ---
 
-## Avidi deceptam precesque struxisse
-
-Lorem **markdownum quacumque**, ait pectore lacu. Unda exerceor, ille lacrimis
-ardent, non factus Laurentes equo aequora, mater aura? Ausorum fruge moturaque
-fama: intellecta subiere erat laborem. Est fallente, procorum, sospes?
-
-1. Quicumque nisi petuntur
-2. Tecta fuga tabuerit
-3. Vigor exitium ad maior bracchia Seriphi dubites
-4. Nympha per puerum quotiensque mihi
-5. Quaerere sum socer
-6. Ea vocant dextra lurida dicemur Phaethon cultros
-
-## Rogant et acervo hausta cognoscit diversa
-
-Procul ruitis quaecumque natus; corpore rettulit Telephus totius et Actaeon
-utraque, deciperetur. Nobis congerie lentaque, [ut paene
-loquendo](http://www.opertosnon.org/matrescorpora) lapidoso te utque erat
-densetur tonitruque et. Fila hinc quibus increscere osse pariter!
-
-> Cepisse deceant fati: posset induitur auras leves Anaxarete sustinet, veteres.
-> Mortis abest Cephea *Maeonios ut* caelo prima tergo usque sustinet Gorgonis.
-> Fefellerat *fecit*, Ennomon figura.
-
-## Iuveni opus
-
-Sagittis capillos, super ante omnia undas: frater ecce tyranni novis. Ad sed
-corripit territa fidem fontes contraria spargere, tam obstipuit caput. Fert
-datis positaque Cybeleia [fida se refugerat](http://talia.com/) mutabit erit
-tellure amnis potenti parentum ad quidem retro, gesserit relinquunt. Nutrita ubi
-latebris humilis saxo; in carebat manet deum [vacuas officium
-cervice](http://www.suus-visa.com/corpusqueprofanus.html) sideribus terrebant
-manente.
-
-    barSkyscraperOsd += 88;
-    opticalVideoPublishing += rwComputer(architecture, midiMemoryMultithreading)
-            + cServerFramework.rss(ocr_property_emulation) * nuiSoftware;
-    var dma_motion_pitch = server;
-
-Trabibus tenebant edita! Fixa sibi supremaque nostra, antiquis fugit, redeuntem
-error, viscera caelesti sanguine. Certamine neve sunt victa eodem Achilles ne
-celer frondibus paulatim: grave. Pars mox Argos, humo [ille quoque
-referam](http://arva.com/plumbo-ferendo.php) deprendit nullum. Reliquit ut ter
-et videbar liceret pinum.
-
-Ut quoque, relictus *inplevi* prius [Parnasia plura
-ingemuit](http://www.divinae.io/spiritus.html) mane. Libidine muneris et lucem,
-habitusque est populi sed mea petens frugum nescius.
+## Bob Ross Quotes
+
+We'll put a happy little sky in here. With practice comes confidence.
+If there's two big trees invariably sooner or later there's gonna be a little tree. We can fix anything.
+
+You have to allow the paint to break to make it beautiful. And maybe a little bush lives there.
+Maybe there was an old trapper that lived out here and maybe one day he went to check his beaver traps, and maybe he fell into the river and drowned.
+This is truly an almighty mountain. Happy painting, God bless. Trees grow in all kinds of ways. They're not all perfectly straight. Not every limb is perfect.
+
+Put your feelings into it, your heart, it's your world. The little tiny Tim easels will let you down.
+Trees cover up a multitude of sins. That's crazy. But we're not there yet, so we don't need to worry about it.
+
+Let that brush dance around there and play. A little happy sunlight shining through there.
+There we are. A beautiful little sunset. If I paint something, I don't want to have to explain what it is.
+We have no limits to our world. We're only limited by our imagination.
+
+Pretend you're water. Just floating without any effort. Having a good day. Use absolutely no pressure.
+Just like an angel's wing. As trees get older they lose their chlorophyll.
+
+Look around, look at what we have. Beauty is everywhere, you only have to look to see it. I get carried away with this brush cleaning.
+I was blessed with a very steady hand; and it comes in very handy when you're doing these little delicate things.
+It's beautiful - and we haven't even done anything to it yet.
+
+Let's have a nice tree right here. Little trees and bushes grow however makes them happy.
+Each highlight must have it's own private shadow. No pressure. Just relax and watch it happen.
+I really recommend you use odorless thinner or your spouse is gonna run you right out into the yard and you'll be working by yourself.
+Exercising the imagination, experimenting with talents, being creative; these things, to me, are truly the windows to your soul.

content/tutorials/another-guide/20.lets-do-something.md

@@ -3,43 +3,30 @@ title: Step 2
 description: The next step in the guide
 ---
 
-## Pede si diva cruentat et non patri
-
-Lorem markdownum illud **si**, boum gelidis ab limite, pallore poenam
-navifragumque filo: vectus in. Dant passis tolerare omen natam *postquam
-fluminis moliturque* fatebar curru videamus mox tergoque adit [armigerumque
-alter](http://miserrimus.io/cedere.html) tandem, erat conata. Draconibus
-transtra.
-
-- Ducit frigus consequitur alimentaque Eurydicenque virgineos Abantiades
-- Saepe tollens contemptor corpora tuam
-- Loricamque utque neu non loquerentur acui
-- Extremis aequantur cognoscit qui orbis spumantia pariter
-- Muta utque patitur verti vetustas forma
-
-Tenebat Pelops Rhenum vacantem hinc plumbo subito quae via annos populari inviso
-equos, volucres Lampetie Delius. Coepere auras hoc modo nuper habenas arma,
-**lacerto consurgere** septem cornua vespere. Crescendo his, est coniunx umeris!
-
-## Viscera optima matrona prehensis quaerit inmurmurat divino
-
-Perdere et iamque, habent in Thaumantias emicuit, ipse perque vultus iuvat,
-dextera quae, flamma utraque. Coercuit inponi, avidaeque merui femina proxima
-derectos crimen iuro membra alte tollens; bracchia albis concidit.
-
-> Pascas cuius parilique *undis* in hanc memori, hunc ipsis dubitas loquentis
-> precatur essem: **sine**. Non [satis](http://www.sospite.net/nec-et), abstinet
-> tumulus. Diffidunt sacrifica si aether umbras quasi, fatis saepe *favete*.
-> Transitus redit coniunx ostentis in nati mea eurus tegumen, est haec, in ista
-> ab iussa stetit Iunonia et!
-
-Tenuisse regni, [tepente caecoque Mopsopium](http://per.com/notissima.html),
-corripiens vulgus; est [dies](http://precor.com/) est terrae collo ad mandabat
-*conclamat movere vocem*. Concipiunt enim. Te fulvum **sortes** in neque, agendo
-mihi Phoebus. Facies et simillima titubare: Erasinus *oras*.
-
-Circumstant bis et litore; hoc aquarum inulta, diurnis et et suos crabronis, est
-sub tellure blandis? Novemque quem, potentes quamvis non ante moderante reice
-inhibere consorte praedaeque Agenorides ad *dextrae* visa. In **corpore**: et
-fatemur, resides contraxit Athamanta novum. Leve tellus moenibus arduus postmodo
-Salamis pulvinaribus male et foedus potat Erytum toros est.
+## Bob Ross Quotes
+
+We'll put a happy little sky in here. With practice comes confidence.
+If there's two big trees invariably sooner or later there's gonna be a little tree. We can fix anything.
+
+You have to allow the paint to break to make it beautiful. And maybe a little bush lives there.
+Maybe there was an old trapper that lived out here and maybe one day he went to check his beaver traps, and maybe he fell into the river and drowned.
+This is truly an almighty mountain. Happy painting, God bless. Trees grow in all kinds of ways. They're not all perfectly straight. Not every limb is perfect.
+
+Put your feelings into it, your heart, it's your world. The little tiny Tim easels will let you down.
+Trees cover up a multitude of sins. That's crazy. But we're not there yet, so we don't need to worry about it.
+
+Let that brush dance around there and play. A little happy sunlight shining through there.
+There we are. A beautiful little sunset. If I paint something, I don't want to have to explain what it is.
+We have no limits to our world. We're only limited by our imagination.
+
+Pretend you're water. Just floating without any effort. Having a good day. Use absolutely no pressure.
+Just like an angel's wing. As trees get older they lose their chlorophyll.
+
+Look around, look at what we have. Beauty is everywhere, you only have to look to see it. I get carried away with this brush cleaning.
+I was blessed with a very steady hand; and it comes in very handy when you're doing these little delicate things.
+It's beautiful - and we haven't even done anything to it yet.
+
+Let's have a nice tree right here. Little trees and bushes grow however makes them happy.
+Each highlight must have it's own private shadow. No pressure. Just relax and watch it happen.
+I really recommend you use odorless thinner or your spouse is gonna run you right out into the yard and you'll be working by yourself.
+Exercising the imagination, experimenting with talents, being creative; these things, to me, are truly the windows to your soul.

content/tutorials/another-guide/30.last-step.md

@@ -3,43 +3,30 @@ title: Final Step
 description: The last step to this guide.
 ---
 
-## Pede si diva cruentat et non patri
-
-Lorem markdownum illud **si**, boum gelidis ab limite, pallore poenam
-navifragumque filo: vectus in. Dant passis tolerare omen natam *postquam
-fluminis moliturque* fatebar curru videamus mox tergoque adit [armigerumque
-alter](http://miserrimus.io/cedere.html) tandem, erat conata. Draconibus
-transtra.
-
-- Ducit frigus consequitur alimentaque Eurydicenque virgineos Abantiades
-- Saepe tollens contemptor corpora tuam
-- Loricamque utque neu non loquerentur acui
-- Extremis aequantur cognoscit qui orbis spumantia pariter
-- Muta utque patitur verti vetustas forma
-
-Tenebat Pelops Rhenum vacantem hinc plumbo subito quae via annos populari inviso
-equos, volucres Lampetie Delius. Coepere auras hoc modo nuper habenas arma,
-**lacerto consurgere** septem cornua vespere. Crescendo his, est coniunx umeris!
-
-## Viscera optima matrona prehensis quaerit inmurmurat divino
-
-Perdere et iamque, habent in Thaumantias emicuit, ipse perque vultus iuvat,
-dextera quae, flamma utraque. Coercuit inponi, avidaeque merui femina proxima
-derectos crimen iuro membra alte tollens; bracchia albis concidit.
-
-> Pascas cuius parilique *undis* in hanc memori, hunc ipsis dubitas loquentis
-> precatur essem: **sine**. Non [satis](http://www.sospite.net/nec-et), abstinet
-> tumulus. Diffidunt sacrifica si aether umbras quasi, fatis saepe *favete*.
-> Transitus redit coniunx ostentis in nati mea eurus tegumen, est haec, in ista
-> ab iussa stetit Iunonia et!
-
-Tenuisse regni, [tepente caecoque Mopsopium](http://per.com/notissima.html),
-corripiens vulgus; est [dies](http://precor.com/) est terrae collo ad mandabat
-*conclamat movere vocem*. Concipiunt enim. Te fulvum **sortes** in neque, agendo
-mihi Phoebus. Facies et simillima titubare: Erasinus *oras*.
-
-Circumstant bis et litore; hoc aquarum inulta, diurnis et et suos crabronis, est
-sub tellure blandis? Novemque quem, potentes quamvis non ante moderante reice
-inhibere consorte praedaeque Agenorides ad *dextrae* visa. In **corpore**: et
-fatemur, resides contraxit Athamanta novum. Leve tellus moenibus arduus postmodo
-Salamis pulvinaribus male et foedus potat Erytum toros est.
+## Bob Ross Quotes
+
+We'll put a happy little sky in here. With practice comes confidence.
+If there's two big trees invariably sooner or later there's gonna be a little tree. We can fix anything.
+
+You have to allow the paint to break to make it beautiful. And maybe a little bush lives there.
+Maybe there was an old trapper that lived out here and maybe one day he went to check his beaver traps, and maybe he fell into the river and drowned.
+This is truly an almighty mountain. Happy painting, God bless. Trees grow in all kinds of ways. They're not all perfectly straight. Not every limb is perfect.
+
+Put your feelings into it, your heart, it's your world. The little tiny Tim easels will let you down.
+Trees cover up a multitude of sins. That's crazy. But we're not there yet, so we don't need to worry about it.
+
+Let that brush dance around there and play. A little happy sunlight shining through there.
+There we are. A beautiful little sunset. If I paint something, I don't want to have to explain what it is.
+We have no limits to our world. We're only limited by our imagination.
+
+Pretend you're water. Just floating without any effort. Having a good day. Use absolutely no pressure.
+Just like an angel's wing. As trees get older they lose their chlorophyll.
+
+Look around, look at what we have. Beauty is everywhere, you only have to look to see it. I get carried away with this brush cleaning.
+I was blessed with a very steady hand; and it comes in very handy when you're doing these little delicate things.
+It's beautiful - and we haven't even done anything to it yet.
+
+Let's have a nice tree right here. Little trees and bushes grow however makes them happy.
+Each highlight must have it's own private shadow. No pressure. Just relax and watch it happen.
+I really recommend you use odorless thinner or your spouse is gonna run you right out into the yard and you'll be working by yourself.
+Exercising the imagination, experimenting with talents, being creative; these things, to me, are truly the windows to your soul.

content/tutorials/another-guide/_info.yml

@@ -1,8 +1,11 @@
 title: Another Guide
-author:
-  name: Jane Doe
-  url: https://example.com
-  avatar: https://avatars.githubusercontent.com/u/812331?v=4
+authors:
+  - name: Jane Doe
+    url: https://example.com
+    avatar: https://avatars.githubusercontent.com/u/812331?v=4
+  - name: John Doe
+    url: https://example.com
+    avatar: https://avatars.githubusercontent.com/u/812331?v=4
 github_repo: https://github.com/zkSync-Community-Hub
 tags:
   - web3

content/tutorials/best-tutorial/10.index.md

@@ -3,51 +3,30 @@ title: Best Tutorial
 description: The best tutorial to learn from.
 ---
 
-## Avidi deceptam precesque struxisse
-
-Lorem **markdownum quacumque**, ait pectore lacu. Unda exerceor, ille lacrimis
-ardent, non factus Laurentes equo aequora, mater aura? Ausorum fruge moturaque
-fama: intellecta subiere erat laborem. Est fallente, procorum, sospes?
-
-1. Quicumque nisi petuntur
-2. Tecta fuga tabuerit
-3. Vigor exitium ad maior bracchia Seriphi dubites
-4. Nympha per puerum quotiensque mihi
-5. Quaerere sum socer
-6. Ea vocant dextra lurida dicemur Phaethon cultros
-
-## Rogant et acervo hausta cognoscit diversa
-
-Procul ruitis quaecumque natus; corpore rettulit Telephus totius et Actaeon
-utraque, deciperetur. Nobis congerie lentaque, [ut paene
-loquendo](http://www.opertosnon.org/matrescorpora) lapidoso te utque erat
-densetur tonitruque et. Fila hinc quibus increscere osse pariter!
-
-> Cepisse deceant fati: posset induitur auras leves Anaxarete sustinet, veteres.
-> Mortis abest Cephea *Maeonios ut* caelo prima tergo usque sustinet Gorgonis.
-> Fefellerat *fecit*, Ennomon figura.
-
-## Iuveni opus
-
-Sagittis capillos, super ante omnia undas: frater ecce tyranni novis. Ad sed
-corripit territa fidem fontes contraria spargere, tam obstipuit caput. Fert
-datis positaque Cybeleia [fida se refugerat](http://talia.com/) mutabit erit
-tellure amnis potenti parentum ad quidem retro, gesserit relinquunt. Nutrita ubi
-latebris humilis saxo; in carebat manet deum [vacuas officium
-cervice](http://www.suus-visa.com/corpusqueprofanus.html) sideribus terrebant
-manente.
-
-    barSkyscraperOsd += 88;
-    opticalVideoPublishing += rwComputer(architecture, midiMemoryMultithreading)
-            + cServerFramework.rss(ocr_property_emulation) * nuiSoftware;
-    var dma_motion_pitch = server;
-
-Trabibus tenebant edita! Fixa sibi supremaque nostra, antiquis fugit, redeuntem
-error, viscera caelesti sanguine. Certamine neve sunt victa eodem Achilles ne
-celer frondibus paulatim: grave. Pars mox Argos, humo [ille quoque
-referam](http://arva.com/plumbo-ferendo.php) deprendit nullum. Reliquit ut ter
-et videbar liceret pinum.
-
-Ut quoque, relictus *inplevi* prius [Parnasia plura
-ingemuit](http://www.divinae.io/spiritus.html) mane. Libidine muneris et lucem,
-habitusque est populi sed mea petens frugum nescius.
+## Bob Ross Quotes
+
+We'll put a happy little sky in here. With practice comes confidence.
+If there's two big trees invariably sooner or later there's gonna be a little tree. We can fix anything.
+
+You have to allow the paint to break to make it beautiful. And maybe a little bush lives there.
+Maybe there was an old trapper that lived out here and maybe one day he went to check his beaver traps, and maybe he fell into the river and drowned.
+This is truly an almighty mountain. Happy painting, God bless. Trees grow in all kinds of ways. They're not all perfectly straight. Not every limb is perfect.
+
+Put your feelings into it, your heart, it's your world. The little tiny Tim easels will let you down.
+Trees cover up a multitude of sins. That's crazy. But we're not there yet, so we don't need to worry about it.
+
+Let that brush dance around there and play. A little happy sunlight shining through there.
+There we are. A beautiful little sunset. If I paint something, I don't want to have to explain what it is.
+We have no limits to our world. We're only limited by our imagination.
+
+Pretend you're water. Just floating without any effort. Having a good day. Use absolutely no pressure.
+Just like an angel's wing. As trees get older they lose their chlorophyll.
+
+Look around, look at what we have. Beauty is everywhere, you only have to look to see it. I get carried away with this brush cleaning.
+I was blessed with a very steady hand; and it comes in very handy when you're doing these little delicate things.
+It's beautiful - and we haven't even done anything to it yet.
+
+Let's have a nice tree right here. Little trees and bushes grow however makes them happy.
+Each highlight must have it's own private shadow. No pressure. Just relax and watch it happen.
+I really recommend you use odorless thinner or your spouse is gonna run you right out into the yard and you'll be working by yourself.
+Exercising the imagination, experimenting with talents, being creative; these things, to me, are truly the windows to your soul.