fix: use A instead of a

r4ai · Jun 20, 2024 · 0def059 · 0def059
1 parent ce0493b
commit 0def059
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/layouts/header/header.tsx b/src/components/layouts/header/header.tsx
@@ -1,3 +1,4 @@
+import { A } from "@solidjs/router"
 import { type Component, type ComponentProps, splitProps } from "solid-js"
 
 import { Button } from "~/components/ui/button"
@@ -22,16 +23,16 @@ export const Header: Component<HeaderProps> = (props) => {
         <nav>
           <ul class="flex flex-row items-center gap-5 px-2">
             <li>
-              <a href="/">Home</a>
+              <A href="/">Home</A>
             </li>
             <li>
-              <a href="/posts">Posts</a>
+              <A href="/posts">Posts</A>
             </li>
             <li>
-              <a href="/projects">Projects</a>
+              <A href="/projects">Projects</A>
             </li>
             <li>
-              <a href="/contact">Contact</a>
+              <A href="/contact">Contact</A>
             </li>
           </ul>
         </nav>

diff --git a/src/components/typography/link/link.tsx b/src/components/typography/link/link.tsx
@@ -1,3 +1,4 @@
+import { A } from "@solidjs/router"
 import { type Component, type ComponentProps, splitProps } from "solid-js"
 
 import { cn } from "~/libs/utils"
@@ -7,6 +8,6 @@ export type LinkProps = ComponentProps<"a">
 export const Link: Component<LinkProps> = (props) => {
   const [local, rest] = splitProps(props, ["class"])
   return (
-    <a class={cn("underline transition hover:opacity-75", local)} {...rest} />
+    <A class={cn("underline transition hover:opacity-75", local)} {...rest} />
   )
 }