mirror of
https://github.com/unjs/unplugin.git
synced 2025-12-08 20:26:33 +00:00
83d6795cee
Co-authored-by: wawa0584 <60140118+WestonSeyler@users.noreply.github.com> Co-authored-by: 三咲智子 Kevin Deng <sxzz@sxzz.moe>
41 lines
1.1 KiB
Vue
41 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
defineProps<{
|
|
owner: string
|
|
name: string
|
|
stars: number
|
|
forks: number
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div flex gap-3 items-center justify-end>
|
|
<div class="flex items-center text-gray-500 dark:text-gray-300 cursor-default">
|
|
<i class="i-heroicons-star-solid" />
|
|
<span ml-1>
|
|
{{ stars.toLocaleString() }}
|
|
</span>
|
|
</div>
|
|
|
|
<div class="flex items-center text-gray-500 dark:text-gray-300 cursor-default">
|
|
<i class="i-lucide-git-fork" />
|
|
<span ml-1>
|
|
{{ forks.toLocaleString() }}
|
|
</span>
|
|
</div>
|
|
|
|
<a target="_blank" :href="`https://github.com/${owner}/${name}`">
|
|
<div class="flex text-gray-400" hover="text-gray-900" dark:hover="text-gray-200">
|
|
<i class="i-radix-icons-github-logo" />
|
|
<i class="i-heroicons-arrow-up-right-20-solid h-3 w-3" />
|
|
</div>
|
|
</a>
|
|
|
|
<a target="_blank" :href="`https://www.npmjs.com/package/${name}`">
|
|
<div class="flex text-gray-400" hover="text-#C12127">
|
|
<i class="i-simple-icons-npm " />
|
|
<i class="i-heroicons-arrow-up-right-20-solid h-3 w-3" />
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</template>
|