{"version":3,"file":"CiUmxCiI.js","sources":["../../../../pages/profiles.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useHead } from '#app';\nimport { ref } from 'vue';\nimport { BASE_TITLE } from '~/utilities/constants';\n\nuseHead({\n  title: `Top Profiles ${BASE_TITLE}`,\n  meta: [{ property: 'og:title', content: `Top Profiles ${BASE_TITLE}` }],\n});\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst intervalInDays = ref(route.query.interval ? route.query.interval : '30');\nwatch(intervalInDays, (intervalInDays) => {\n  router.replace({\n    path: route.path,\n    query: { interval: intervalInDays },\n  });\n});\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              {{ $t('profile.topCreators') }}\n            </p>\n          </div>\n        </div>\n        <div class=\"w-full\">\n          <div class=\"mb-4 flex justify-center\">\n            <span class=\"relative z-0 inline-flex rounded-md shadow-sm\">\n              <button\n                type=\"button\"\n                :class=\"[\n                  intervalInDays === '7' ? 'z-10 border-emerald-500 outline-none ring-1 ring-emerald-500' : '',\n                  'relative inline-flex items-center rounded-l-md border border-neutral-300 bg-white px-4 py-2 text-sm font-medium text-neutral-700 hover:bg-neutral-50 dark:bg-black dark:text-neutral-200 dark:hover:bg-neutral-900 ',\n                ]\"\n                @click=\"intervalInDays = '7'\"\n              >\n                {{ $t('collections.days7') }}\n              </button>\n              <button\n                type=\"button\"\n                :class=\"[\n                  intervalInDays === '30' ? 'z-10 border-emerald-500 outline-none ring-1 ring-emerald-500' : '',\n                  'relative inline-flex items-center rounded-r-md border border-neutral-300 bg-white px-4 py-2 text-sm font-medium text-neutral-700 hover:bg-neutral-50 dark:bg-black dark:text-neutral-200 dark:hover:bg-neutral-900 ',\n                ]\"\n                @click=\"intervalInDays = '30'\"\n              >\n                {{ $t('collections.days30') }}\n              </button>\n              <!--              <button-->\n              <!--                type=\"button\"-->\n              <!--                :class=\"[-->\n              <!--                  intervalInDays === 'all' ? 'z-10 border-emerald-500 outline-none ring-1 ring-emerald-500' : '',-->\n              <!--                  'relative inline-flex items-center rounded-r-md border border-neutral-300 bg-white dark:bg-black px-4 py-2 text-sm font-medium text-neutral-700 dark:text-neutral-200 hover:bg-neutral-50 dark:hover:bg-neutral-900 ',-->\n              <!--                ]\"-->\n              <!--                @click=\"intervalInDays = 'all'\"-->\n              <!--              >-->\n              <!--                {{ $t('collections.allTime') }}-->\n              <!--              </button>-->\n            </span>\n          </div>\n          <ProfileTopTable :interval-in-days=\"intervalInDays\" :hide-num-items=\"true\" :hide-num-trades=\"true\" />\n        </div>\n      </Container>\n    </div>\n  </div>\n</template>\n"],"names":["useHead","BASE_TITLE","route","useRoute","router","useRouter","intervalInDays","ref","watch"],"mappings":"4uBAKQA,EAAA,CACN,MAAO,gBAAgBC,CAAU,GACjC,KAAM,CAAC,CAAE,SAAU,WAAY,QAAS,gBAAgBA,CAAU,GAAI,CAAA,CACvE,EAED,MAAMC,EAAQC,IACRC,EAASC,IAETC,EAAiBC,EAAIL,EAAM,MAAM,SAAWA,EAAM,MAAM,SAAW,IAAI,EACvE,OAAAM,EAAAF,EAAiBA,GAAmB,CACxCF,EAAO,QAAQ,CACb,KAAMF,EAAM,KACZ,MAAO,CAAE,SAAUI,CAAe,CAAA,CACnC,CAAA,CACF"}