Gallery Blocks

<script setup lang="ts">
import { masonryGallery } from '/@src/data/blocks/gallery'
</script>

<template>
  <GalleryBlockA :items="masonryGallery" squared />
</template>

<script setup lang="ts">
import { advancedGallery } from '/@src/data/blocks/gallery'
</script>

<template>
  <GalleryBlockB :items="advancedGallery" squared />
</template>

<script setup lang="ts">
import { simpleGallery } from '/@src/data/blocks/gallery'
</script>

<template>
  <GalleryBlockD :items="simpleGallery" gap="xs" :columns="4" :limit="6" />
</template>

<script setup lang="ts">
import { simpleGallery } from '/@src/data/blocks/gallery'
</script>

<template>
  <GalleryBlockD :items="simpleGallery" gap="xs" :columns="4" :limit="6" />
</template>