RhenCloud/Cloud-Blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update header and add catch all route page

Browse Source 
Signed-off-by: Al Asad Nur Riyad <asadnurriyad@gmail.com>
This commit is contained in:
Al Asad Nur Riyad
2023-05-04 02:23:50 +06:00
parent eece29af28
commit f25c4dff8c
3 changed files with 19 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/archive/hero.vue
View File

@@ -3,7 +3,7 @@
<div class="grid grid-cols-1 sm:grid-cols-2 items-center"> <div class="grid grid-cols-1 sm:grid-cols-2 items-center">
<div class="px-6"> <div class="px-6">
<h1 class="text-black font-semibold leading-tight text-4xl md:text-5xl my-5"> <h1 class="text-black font-semibold leading-tight text-4xl md:text-5xl my-5">
Archive All Blogs
</h1> </h1>
<p>Here you will find all the blog posts I have written & published on this site.</p> <p>Here you will find all the blog posts I have written & published on this site.</p>
</div> </div>

24
components/main/header.vue
View File

@@ -1,31 +1,33 @@
<script setup lang="ts"> <script setup lang="ts">
const route = useRoute()
const path = computed(() => route.fullPath.replace('/', ''))
</script> </script>
<template> <template>
<div class="py-5 border-b text-zinc-700"> <div class="py-5 border-b text-zinc-700">
<div class="flex px-6 container max-w-5xl justify-between mx-auto items-baseline"> <div class="flex px-6 container max-w-5xl justify-between mx-auto items-baseline ">
<ul class="flex items-baseline space-x-5"> <ul class="flex items-baseline space-x-5">
<li class=""> <li class="">
<NuxtLink to="/" class="text-2xl text-black font-bold"> <NuxtLink to="/" class="text-2xl text-black font-bold " :class="{ underline: path === '' }">
Home Home
</NuxtLink> </NuxtLink>
</li> </li>
</ul> </ul>
<ul class="flex items-center space-x-3 font-bold"> <ul class="flex items-center space-x-3 font-bold ">
<li> <li>
<NuxtLink to="/categories"> <NuxtLink to="/blogs" :class="{ underline: path === 'blogs' }">
Blogs
</NuxtLink>
</li>
<li>
<NuxtLink to="/categories" :class="{ underline: path === 'categories' }">
Categories Categories
</NuxtLink> </NuxtLink>
</li> </li>
<li> <li title="About Me" :class="{ underline: path === 'myself' }">
<NuxtLink to="/blogs">
Archive
</NuxtLink>
</li>
<li title="About Me">
<NuxtLink to="/myself" aria-label="About me"> <NuxtLink to="/myself" aria-label="About me">
Myself About Me
</NuxtLink> </NuxtLink>
</li> </li>
</ul> </ul>

5
pages/[...slug].vue Normal file
View File

@@ -0,0 +1,5 @@
<template>
<div>
<h1>Catch All Routes</h1>
</div>
</template>