{"version":3,"file":"Cp0V8KtI.js","sources":["../../../../components/explore/ExploreGrid.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue';\nimport type { Singleton } from '~/types/singleton';\n\nconst props = defineProps({\n  nfts: Object as PropType<Array<Singleton>>,\n  pending: Boolean as PropType<boolean>,\n  gridStyle: String as PropType<'grid-compact' | 'grid' | 'table'>,\n});\nconst { nfts, pending, gridStyle } = toRefs(props);\n</script>\n\n<template>\n  <div\n    v-if=\"gridStyle !== 'table'\"\n    :class=\"[\n      gridStyle === 'grid-compact'\n        ? 'grid-cols-2 gap-x-6 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6'\n        : 'grid-cols-1 sm:grid-cols-2 sm:gap-x-6 lg:grid-cols-3 2xl:grid-cols-4 ',\n    ]\"\n    class=\"grid w-full gap-y-4 sm:gap-y-6 lg:gap-6 2xl:gap-8\"\n  >\n    <NftCard\n      v-for=\"nft in nfts\"\n      :key=\"`${nft.id}${nft.auction?.id}`\"\n      :nft=\"nft\"\n      :compact=\"gridStyle === 'grid-compact'\"\n    />\n    <template v-if=\"pending\">\n      <NftCard v-for=\"index in 12\" :key=\"index\" :nft=\"undefined\" :compact=\"gridStyle === 'grid-compact'\" />\n    </template>\n  </div>\n</template>\n"],"names":["props","__props","nfts","pending","gridStyle","toRefs"],"mappings":"wOAIA,MAAMA,EAAQC,EAKR,CAAE,KAAAC,EAAM,QAAAC,EAAS,UAAAC,CAAU,EAAIC,EAAOL,CAAK"}