<script>
import GalleryItemMixin from "~/components/gallery/GalleryItemMixin";

export default {
  mixins: [GalleryItemMixin],
};
</script>

<template>
  <a class="gallery-item w-1/2 p-0.5 sm:w-1/2 md:w-1/3 xl:w-1/4 sm:p-1"
     :class="`filter-${category}`"
     :data-groups="category"
     :data-src="full_img_url"
  >
    <img class="gallery-item-thumb cursor-pointer w-full"
         :width="thumbSize.w" :height="thumbSize.h"
         :src="thumbnail_url"/>
  </a>
</template>

<style scoped>
.gallery-item {}
</style>
