fix blog post matching active nav and add active nav to page logo

Author: umyeah

src/layouts/Navigation.astro

@@ -4,11 +4,12 @@ import NavigationLink from "./NavigationLink.astro"
 <header>
     <nav>
         <section class="left">
-            <h2><a href="/" target="_self">UmYeah.dev</a></h2>
+            <h2><NavigationLink href="/" target="_self">UmYeah.dev</NavigationLink></h2>
         </section>
 
         <section>
-            <NavigationLink href="/blog" target="_self">Blog</NavigationLink>
+            <NavigationLink match="/posts" href="/blog" target="_self">Blog</NavigationLink>
+            <NavigationLink href="/tags" target="_self">Tags</NavigationLink>
         </section>
     </nav>
 </header>

src/layouts/NavigationLink.astro

@@ -1,12 +1,12 @@
 ---
 import type { HTMLAttributes } from 'astro/types';
 
-type Props = HTMLAttributes<'a'>;
+type Props = HTMLAttributes<'a'> & {match?: string};
 
-const { href, class: className, ...props } = Astro.props;
+const { match, href, class: className, ...props } = Astro.props;
 const pathname = Astro.url.pathname.replace(import.meta.env.BASE_URL, '');
 const subpath = pathname.match(/[^/]+/g);
-const isActive = href === pathname || href === '/' + (subpath?.[0] || '');
+const isActive = href === pathname || match === '/' + (subpath?.[0] || '') || href === '/' + (subpath?.[0] || '');
 ---
 
 <a href={href} class:list={[className, { active: isActive }]} {...props}>