fix: replace to new link behavior (#1720)

.eslintignore

@@ -4,8 +4,6 @@
 /node_modules
 /.pnp
 .pnp.js
-package.json
-yarn.lock
 
 # testing
 /coverage
@@ -25,12 +23,14 @@ yarn.lock
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*
 
 # local env files
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+.env*.local
 
 # vercel
 .vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

.gitignore

@@ -23,12 +23,14 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*
 
 # local env files
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+.env*.local
 
 # vercel
 .vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

README.md

@@ -2,32 +2,6 @@
 
 [あなたのオタクタイプ診断 by あにまーれ (あにまーれ診断)](https://shindan.animare.cafe/) は有閑喫茶あにまーれや有閑喫茶あにまーれに所属するメンバーを題材とした非公式のウェブサービスです。[あなたのオタクタイプ診断 by IRIAM](https://shindan.iriam.com/) をオリジナルとして、デザインやレイアウトの転用をしていますが素材の流用は一切行っていません。
 
-## 一覧
-
-| ID             | タイプ         | 名前       |
-| -------------- | -------------- | ---------- |
-| [`3bXvK25U`][] | お料理系メイド | 因幡はねる |
-| [`4yoyHoB7`][] | メガネ系先生   | 因幡はねる |
-| [`DAltKHae`][] | 最速系書家     | 因幡はねる |
-| [`hUuAaZpw`][] | 清楚系うさぎ   | 因幡はねる |
-| [`jk54nVLu`][] | 努力系ゲーマー | 因幡はねる |
-| [`kJN5x4Vl`][] | 料理上手系店員 | 因幡はねる |
-| [`rKAeiUil`][] | 3D 系うさぎ    | 因幡はねる |
-| [`sJEfGEiw`][] | サンタ系彼女   | 因幡はねる |
-| [`Tm3fKyEP`][] | 知性派系アナ   | 因幡はねる |
-| [`xGr4nzdz`][] | 浴衣系彼女     | 因幡はねる |
-
 ## ライセンス
 
 [MIT](LICENSE)
-
-[`3bxvk25u`]: https://shindan.animare.cafe/s/3bXvK25U?s=true
-[`4yoyhob7`]: https://shindan.animare.cafe/s/4yoyHoB7?s=true
-[`daltkhae`]: https://shindan.animare.cafe/s/DAltKHae?s=true
-[`huuaazpw`]: https://shindan.animare.cafe/s/hUuAaZpw?s=true
-[`jk54nvlu`]: https://shindan.animare.cafe/s/jk54nVLu?s=true
-[`kjn5x4vl`]: https://shindan.animare.cafe/s/kJN5x4Vl?s=true
-[`rkaeiuil`]: https://shindan.animare.cafe/s/rKAeiUil?s=true
-[`sjefgeiw`]: https://shindan.animare.cafe/s/sJEfGEiw?s=true
-[`tm3fkyep`]: https://shindan.animare.cafe/s/Tm3fKyEP?s=true
-[`xgr4nzdz`]: https://shindan.animare.cafe/s/xGr4nzdz?s=true

components/footer.tsx

@@ -3,8 +3,6 @@ import styled from 'styled-components'
 
 import pkg from '../package.json'
 
-import type { VFC } from 'react'
-
 const Content = styled.footer`
   align-items: center;
   background-color: #fff;
@@ -15,7 +13,7 @@ const Content = styled.footer`
   padding: 20px 12px 32px;
 `
 
-const ReleaseLink = styled.a`
+const ReleaseLink = styled(Link)`
   color: #000;
   display: block;
   font-size: 1.2rem;
@@ -38,23 +36,19 @@ const Copyright = styled.p`
   }
 `
 
-const Footer: VFC = () => {
+export default function Footer(): JSX.Element {
   return (
     <Content>
-      <Link href="/list" passHref prefetch={false}>
-        <ReleaseLink>
-          Version {pkg.version.split('.').slice(0, 2).join('.')}
-        </ReleaseLink>
-      </Link>
+      <ReleaseLink href="/list" prefetch={false}>
+        Version {pkg.version.split('.').slice(0, 2).join('.')}
+      </ReleaseLink>
 
       <Copyright>
-        {'Copyright 2018-2022 '}
+        {'Copyright 2018-2023 '}
         <a href="https://haneru.dev/" rel="noopener noreferrer" target="_blank">
           Haneru Developers
         </a>
       </Copyright>
     </Content>
   )
 }
-
-export default Footer

components/header.tsx

@@ -6,8 +6,6 @@ import twitterLogo from '../assets/twitter.svg'
 import { createLineShareURL, createTweetURL } from '../lib/share'
 import pkg from '../package.json'
 
-import type { VFC } from 'react'
-
 const Container = styled.header`
   align-items: center;
   display: flex;
@@ -18,7 +16,7 @@ const Container = styled.header`
   width: 100%;
 `
 
-const Logo = styled.a`
+const Logo = styled(Link)`
   background-color: #212121;
   border-radius: 3px;
   color: #fff;
@@ -70,12 +68,12 @@ const ShareLogo = styled.img`
   }
 `
 
-const Header: VFC = () => {
+export default function Header(): JSX.Element {
   return (
     <Container>
-      <Link href="/" passHref prefetch={false}>
-        <Logo>ANiMARE</Logo>
-      </Link>
+      <Logo href="/" prefetch={false}>
+        ANiMARE
+      </Logo>
 
       <Navigation>
         <ul>
@@ -107,5 +105,3 @@ const Header: VFC = () => {
     </Container>
   )
 }
-
-export default Header

pages/index.tsx

@@ -6,8 +6,6 @@ import Layout from '../components/layout'
 import Message from '../components/message'
 import SEO from '../components/seo'
 
-import type { NextPage } from 'next'
-
 const Content = styled.main`
   padding-top: 30px;
 `
@@ -67,7 +65,7 @@ const Intro = styled.p`
   }
 `
 
-const Button = styled.a`
+const Button = styled(Link)`
   align-items: center;
   background-color: #0588f7;
   border: solid #000 4px;
@@ -107,74 +105,75 @@ const Disclaimer = styled.p`
   }
 `
 
-const Index: NextPage = () => (
-  <Layout>
-    <SEO pathname="/" />
-
-    <Header />
-
-    <Content>
-      <Message>
-        <Title>
-          <span>アナタの</span>
-          <span>オタクタイプ診断</span>
-        </Title>
-        <Description>
-          アナタの隠されたオタクタイプを徹底診断!
-          <br />
-          アナタにマッチするVTuberの、
-          <br />
-          オススメ動画も…?
-        </Description>
-
-        <Intro>アナタはどんなオタクタイプ?</Intro>
-        <Link href="/questions" passHref>
-          <Button role="button">診断スタート!</Button>
-        </Link>
-
-        <Disclaimer>
-          ※このサービスは
-          <a
-            href="https://www.live.iriam.com/company"
-            rel="noopener noreferrer"
-            target="_blank"
-          >
-            株式会社IRIAM
-          </a>
-          が提供するアプリである『
-          <a
-            href="https://www.live.iriam.com/"
-            rel="noopener noreferrer"
-            target="_blank"
-          >
-            IRIAM
-          </a>
-          』 の関連サービスとして公開されていた『あなたのオタクタイプ診断 by
-          IRIAM』をオリジナルとして、
-          <a
-            href="https://www.774.ai/"
-            rel="noopener noreferrer"
-            target="_blank"
-          >
-            774 inc.
-          </a>{' '}
-          が運営しているバーチャルYouTuberグループ『有閑喫茶
-          あにまーれ』をモチーフにして株式会社IRIAMや774 inc. とは一切関係のない
-          <a
-            href="https://haneru.dev/"
-            rel="noopener noreferrer"
-            target="_blank"
-          >
-            Haneru Developers
-          </a>
-          によって開発と運営が行われている非公式のサービスになります。
-          <br />
-          このサービスに関するお問い合わせをHaneru
-          Developers以外の団体や個人に対して行うのはお止めください。
-        </Disclaimer>
-      </Message>
-    </Content>
-  </Layout>
-)
-
-export default Index
+export default function IndexPage(): JSX.Element {
+  return (
+    <Layout>
+      <SEO pathname="/" />
+
+      <Header />
+
+      <Content>
+        <Message>
+          <Title>
+            <span>アナタの</span>
+            <span>オタクタイプ診断</span>
+          </Title>
+          <Description>
+            アナタの隠されたオタクタイプを徹底診断!
+            <br />
+            アナタにマッチするVTuberの、
+            <br />
+            オススメ動画も…?
+          </Description>
+
+          <Intro>アナタはどんなオタクタイプ?</Intro>
+          <Button href="/questions" role="button">
+            診断スタート!
+          </Button>
+
+          <Disclaimer>
+            ※このサービスは
+            <a
+              href="https://www.live.iriam.com/company"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              株式会社IRIAM
+            </a>
+            が提供するアプリである『
+            <a
+              href="https://www.live.iriam.com/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              IRIAM
+            </a>
+            』 の関連サービスとして公開されていた『あなたのオタクタイプ診断 by
+            IRIAM』をオリジナルとして、
+            <a
+              href="https://www.774.ai/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              774 inc.
+            </a>{' '}
+            が運営しているバーチャルYouTuberグループ『有閑喫茶
+            あにまーれ』をモチーフにして株式会社IRIAMや774 inc.
+            とは一切関係のない
+            <a
+              href="https://haneru.dev/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Haneru Developers
+            </a>
+            によって開発と運営が行われている非公式のサービスになります。
+            <br />
+            このサービスに関するお問い合わせをHaneru
+            Developers以外の団体や個人に対して行うのはお止めください。
+          </Disclaimer>
+        </Message>
+      </Content>
+    </Layout>
+  )
+}