34 lines
921 B
Vue
34 lines
921 B
Vue
<script setup lang="ts">
|
|
const props = defineProps({
|
|
type: String,
|
|
count: Number,
|
|
path: String,
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="basis-1/5 bg-white mx-5 my-2 p-5 rounded-md shadow-lg max-w-[530px] group text-slate-800"
|
|
>
|
|
<nuxt-link :to="`/tags/${path}`" class="group-hover:text-sky-500">
|
|
<div class="flex items-center">
|
|
<h4 class="text-2xl font-medium py-1">{{ type }}</h4>
|
|
</div>
|
|
</nuxt-link>
|
|
|
|
<div class="flex space-x-3 items-start text-slate-600">
|
|
<p class="pb-2">Total Post</p>
|
|
<div class="text-sm">
|
|
<icon calss="bg-red" name="ant-design:arrow-right-outlined" />
|
|
</div>
|
|
<p>{{ count }}</p>
|
|
</div>
|
|
|
|
<nuxt-link class="group-hover:text-sky-500" :to="`/tags/${path}`">
|
|
<p class="font-medium text-sm">
|
|
Read All Post <span class="hidden group-hover:inline"> ->> </span>
|
|
</p>
|
|
</nuxt-link>
|
|
</div>
|
|
</template>
|