App: use Link

robisim74 · Nov 14, 2022 · abfea90 · abfea90
1 parent 2e9bdd5
commit abfea90
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/app/components/header/header.tsx b/src/app/components/header/header.tsx
@@ -1,5 +1,5 @@
 import { component$, useStyles$ } from '@builder.io/qwik';
-import { useLocation } from '@builder.io/qwik-city';
+import { Link, useLocation } from '@builder.io/qwik-city';
 import { $translate as t, useSpeakConfig, useSpeakLocale } from 'qwik-speak';
 
 import { ChangeLocale } from './change-locale';
@@ -21,17 +21,17 @@ export const Header = component$(() => {
     <header>
       <div class="header-inner">
         <section class="logo">
-          <a href="/">Qwik Speak ⚡️</a>
+          <Link href="/">Qwik Speak ⚡️</Link>
         </section>
         <nav>
-          <a href={getHref('/')}
+          <Link href={getHref('/')}
             class={{ active: pathname.endsWith('/') || config.supportedLocales.some(x => pathname.endsWith(x.lang)) }}>
             {t('app.nav.home')}
-          </a>
-          <a href={getHref('/page')}
+          </Link>
+          <Link href={getHref('/page')}
             class={{ active: pathname.endsWith('/page') }}>
             {t('app.nav.page')}
-          </a>
+          </Link>
         </nav>
         <ChangeLocale />
       </div>