{"version":3,"file":"Bu2DAsSO.js","sources":["../../../../pages/mints/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { getApiRoot } from '~/utilities/api';\nimport { BASE_TITLE } from '~/utilities/constants';\n\nuseHead({\n  title: `Fresh Mints ${BASE_TITLE}`,\n  meta: [{ property: 'og:title', content: `Fresh Mints ${BASE_TITLE}` }],\n});\n\nconst bottom = ref();\nconst { items: mints, pending } = useInfiniteScroll(bottom, () => `${getApiRoot()}/collections/minting`);\n</script>\n\n<template>\n  <div>\n    <div>\n      <Container>\n        <div class=\"py-8 sm:py-16\">\n          <div class=\"text-center\">\n            <p\n              class=\"text-4xl font-extrabold text-neutral-900 dark:text-neutral-50 sm:text-5xl sm:tracking-tight lg:text-5xl\"\n            >\n              Fresh Mints\n            </p>\n            <p class=\"mt-2 text-center text-neutral-700 dark:text-neutral-300\">\n              NFTs are minted dynamically on purchase.<br />\n              Create your own edition using our\n              <NuxtLink to=\"/mint\" class=\"font-bold text-emerald-600 dark:text-white\">Web Minting</NuxtLink>\n              .\n            </p>\n          </div>\n        </div>\n        <div class=\"w-full\">\n          <HomeMints :mints=\"mints\" :pending=\"pending\" />\n          <div ref=\"bottom\"></div>\n        </div>\n      </Container>\n    </div>\n  </div>\n</template>\n"],"names":["useHead","BASE_TITLE","bottom","ref","mints","pending","useInfiniteScroll","getApiRoot"],"mappings":"mxBAKQA,EAAA,CACN,MAAO,eAAeC,CAAU,GAChC,KAAM,CAAC,CAAE,SAAU,WAAY,QAAS,eAAeA,CAAU,GAAI,CAAA,CACtE,EAED,MAAMC,EAASC,IACT,CAAE,MAAOC,EAAO,QAAAC,CAAQ,EAAIC,EAAkBJ,EAAQ,IAAM,GAAGK,GAAY,sBAAsB"}