Team Page -> Galley Page

[lazarusA]

Any suggestions on how to create a Gallery page of images? At the moment I'm going for a Team Page, using the avatar attribute to include the image, however is not optimal and the image is really small, I haven't found a way to make it bigger. Any ideas would be greatly appreciated. Thanks.

[brc-dd]

You can use vue components in any markdown page. Write a custom one to render a gallery of images.

[lazarusA]

Apologies for the dummy questions, but I'm new to this. Let's say we have this file structure https://vitepress.dev/guide/getting-started#file-structure, where do I define my new component, how do I called it in index.md for example?

Even some links on how this can be done in a simple way would help. But, all things around look overcomplicated.

[brc-dd]

https://vitepress.dev/guide/using-vue#using-components You can store it anywhere you want. You'll need to update your import path accordingly.

[brc-dd]

Refer this as example: https://stackblitz.com/edit/vite-asrc1a?file=docs/index.md,docs/components/GalleryImage.vue,docs/components/Gallery.vue

[lazarusA]

This is great, thanks a lot. I will take a deep look at this and move forward. Thanks again.