chore(next-example): improve link component (#1954)

Signed-off-by: Jie Peng <im@jiepeng.me> Signed-off-by: Jie Peng <im@jiepeng.me>
unocss · Dec 4, 2022 · cdb4d40 · cdb4d40
1 parent 77c4a66
commit cdb4d40
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 12 deletions.
diff --git a/examples/next/components/navbar.tsx b/examples/next/components/navbar.tsx
@@ -5,11 +5,11 @@ function Navbar() {
     <nav className="px-10 bg-teal-700">
       <div className="relative flex items-center justify-between h-16">
         <div className="flex space-x-4">
-          <Link href="/" >
-            <a className="bg-teal-900 text-white px-3 py-2 rounded-md text-sm font-medium">Home</a>
+          <Link href="/" className="bg-teal-900 text-white px-3 py-2 rounded-md text-sm font-medium">
+            Home
           </Link>
-          <Link href="/blog" >
-            <a className="text-teal-100 hover:bg-teal-600 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Blog</a>
+          <Link href="/blog" className="text-teal-100 hover:bg-teal-600 hover:text-white px-3 py-2 rounded-md text-sm font-medium">
+            Blog
           </Link>
         </div>
       </div>

diff --git a/examples/next/pages/blog/index.tsx b/examples/next/pages/blog/index.tsx
@@ -9,11 +9,9 @@ const Blog: NextPage = () => {
       <main className="py-20 px-12 text-center flex flex-col items-center gap-20px">
         <h2 className="text-3xl font-bold text-green-900">Blog posts</h2>
 
-        <Link href="/">
-          <a className="flex items-center btn">
-            <div className="i-carbon-arrow-left" />
+        <Link href="/" className="flex items-center btn">
+          <div className="i-carbon-arrow-left" />
             Home
-          </a>
         </Link>
       </main>
     </>

diff --git a/examples/next/pages/index.tsx b/examples/next/pages/index.tsx
@@ -17,11 +17,9 @@ const Home: NextPage = () => {
         <span text="blue 5xl hover:red" cursor="default">Hello Next</span>
         <div className="i-carbon-car inline-block" text="4xl teal-500" />
 
-        <Link href="/blog">
-          <a className="flex items-center btn">
-            Blog
+        <Link href="/blog" className="flex items-center btn">
+          Blog
             <div className="i-carbon-arrow-right" />
-          </a>
         </Link>
       </main>
     </>