如何在svelte js中突出显示活动的导航栏链接

<script>
  import { Link } from 'svelte-routing';
  
  let navLinks = [
    { name: 'Home', path: '/' },
    { name: 'About', path: '/about' },
    { name: 'Contact', path: '/contact' }
  ];
  
  let currentPath = '';
  
  $: {
    currentPath = $location.pathname;
  }
</script>

<nav>
  {#each navLinks as link}
    <Link to={link.path} class:active={currentPath === link.path}>{link.name}</Link>
  {/each}
</nav>

<style>
  .active {
    /* Define the styles for the active link */
    color: blue;
    font-weight: bold;
  }
</style>