add empty card when data not available

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

components/blog/empty.vue

@@ -0,0 +1,21 @@
+<template>
+  <article class="group border m-2 rounded-2xl overflow-hidden shadow-lg text-zinc-700">
+    <NuxtLink to="/">
+      <div
+        class="lg:h-48 md:h-36 w-full object-cover object-center group-hover:scale-[1.05] transition-all duration-500"
+      >
+        <LogoConfused />
+      </div>
+      <div class="p-5">
+        <h2 class="text-3xl font-semibold text-black pb-1 group-hover:text-sky-600">
+          No Post Available
+        </h2>
+
+        <div class="flex group-hover:underline text-sky-600 items-center pt-2">
+          <p>Back To Home</p>
+          <LogoArrow />
+        </div>
+      </div>
+    </NuxtLink>
+  </article>
+</template>