20 lines
484 B
Vue
20 lines
484 B
Vue
<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>
|