@lwce/router/src/modules/lwce/link/link.js

A LWC router that supports server-side rendering

import {LightningElement, api} from 'lwc';

export default class Link extends LightningElement {
  @api title;
  @api href;
  @api role;
  @api ariaPressed;
  @api className;

  navigate(e) {
    e.preventDefault();
    this.dispatchEvent(
      new CustomEvent('lwcerouter_navigate', {
        detail: this.href,
        bubbles: true,
        composed: true,
      }),
    );
  }
}