feat: change all Link component to SmartLink

Close #3512

themes/example/index.js

@@ -8,7 +8,7 @@ import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { isBrowser } from '@/lib/utils'
 import { Transition } from '@headlessui/react'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useEffect } from 'react'
 import BlogListArchive from './components/BlogListArchive'
@@ -292,7 +292,7 @@ const LayoutCategoryIndex = props => {
     <>
       <div id='category-list' className='duration-200 flex flex-wrap'>
         {categoryOptions?.map(category => (
-          <Link
+          <SmartLink
             key={category.name}
             href={`/category/${category.name}`}
             passHref
@@ -304,7 +304,7 @@ const LayoutCategoryIndex = props => {
               <i className='mr-4 fas fa-folder' />
               {category.name}({category.count})
             </div>
-          </Link>
+          </SmartLink>
         ))}
       </div>
     </>
@@ -323,7 +323,7 @@ const LayoutTagIndex = props => {
       <div id='tags-list' className='duration-200 flex flex-wrap'>
         {tagOptions.map(tag => (
           <div key={tag.name} className='p-2'>
-            <Link
+            <SmartLink
               key={tag}
               href={`/tag/${encodeURIComponent(tag.name)}`}
               passHref
@@ -332,7 +332,7 @@ const LayoutTagIndex = props => {
                 <i className='mr-1 fas fa-tag' />{' '}
                 {tag.name + (tag.count ? `(${tag.count})` : '')}{' '}
               </div>
-            </Link>
+            </SmartLink>
           </div>
         ))}
       </div>