change design

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

components/ListHero.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+const route = useRoute();
+
+const title = computed(() => {
+  const path = route.fullPath;
+  const splitPath = path.split("/");
+  const name = splitPath.at(1);
+
+  if (name === "blogs") return "All Blogs Post";
+  else if (name === "tags") return "All Tags";
+  else return "About Me";
+});
+</script>
+
+<template>
+  <div class="text-center text-stone-800 bg-[#a2d9ff] mb-5 font-ibmmono">
+    <h1 class="text-4xl p-16 font-bold">{{ title }}</h1>
+  </div>
+</template>