28 lines
1.2 KiB
Vue
28 lines
1.2 KiB
Vue
<script lang="ts" setup>
|
|
import data from '../../.data.json'
|
|
import Star from '~icons/carbon/star'
|
|
import Download from '~icons/carbon/download'
|
|
</script>
|
|
<template>
|
|
<div class="w-full bg-black text-white border-b-1 border-white">
|
|
<div class="max-w-full md:max-w-11/12 m-auto py-4 md:py-12">
|
|
<div class="grid md:grid-cols-3 gap-3 text-center <md:divide-y md:divide-x divide-blue-200">
|
|
<div class="grid grid-rows-auto gap-2 py-4 md:py-0">
|
|
<div class="text-gray-400 font-semibold text-lg">Stargazers</div>
|
|
<div class="font-bold text-3xl flex gap-2 items-center justify-center"><Star /> {{ data.stargazers_count }}</div>
|
|
</div>
|
|
<div class="grid grid-rows-2 gap-2 py-4 md:py-0">
|
|
<div class="text-gray-400 font-semibold text-lg">Downloads (last month)</div>
|
|
<div class="font-bold text-3xl flex gap-2 items-center justify-center"><Download /> {{ data.downloads }}</div>
|
|
</div>
|
|
<div class="grid grid-rows-2 gap-2 py-4 md:py-0">
|
|
<div class="text-gray-400 font-semibold text-lg">License</div>
|
|
<div class="font-bold text-3xl">
|
|
{{ data.license.key.toUpperCase() }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|