feat: 🎸 import のパスを絶対パス指定でできるように tsconfig を修正した (#421)

true-runes · Jun 12, 2022 · 52d5e0c · 52d5e0c
1 parent d4ca4d8
commit 52d5e0c
Show file tree

Hide file tree

Showing 26 changed files with 80 additions and 76 deletions.
diff --git a/components/Dendouiri.tsx b/components/Dendouiri.tsx
@@ -1,5 +1,5 @@
 import type { NextPage } from 'next'
-import { useLocale } from '../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const Dendouiri: NextPage = () => {
   const { locale } = useLocale()

diff --git a/components/Departments.tsx b/components/Departments.tsx
@@ -1,5 +1,5 @@
 import type { NextPage } from 'next'
-import { useLocale } from '../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const Departments: NextPage = () => {
   const { locale } = useLocale()

diff --git a/components/EventSummary.tsx b/components/EventSummary.tsx
@@ -1,5 +1,5 @@
 import type { NextPage } from 'next'
-import { useLocale } from '../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const EventSummary: NextPage = () => {
   const { locale } = useLocale()

diff --git a/components/HowToVote.tsx b/components/HowToVote.tsx
@@ -1,5 +1,5 @@
 import type { NextPage } from 'next'
-import { useLocale } from '../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const HowToVote: NextPage = () => {
   const { locale } = useLocale()

diff --git a/components/HumbergerMenu/HumbergerNavigation.tsx b/components/HumbergerMenu/HumbergerNavigation.tsx
@@ -1,7 +1,7 @@
 import { push as Menu } from 'react-burger-menu'
 import Link from 'next/link'
-import PreviousWebsites from './PreviousWebsites'
-import { useLocale } from '../../hooks/useLocale'
+import PreviousWebsites from '@/components/HumbergerMenu/PreviousWebsites'
+import { useLocale } from '@/hooks/useLocale'
 
 const Navigation = () => {
   const { t, locale } = useLocale()

diff --git a/components/HumbergerMenu/PreviousWebsites.tsx b/components/HumbergerMenu/PreviousWebsites.tsx
@@ -1,5 +1,5 @@
-import PreviousWebsiteLink from './PreviousWebsiteLink'
-import { useLocale } from '../../hooks/useLocale'
+import PreviousWebsiteLink from '@/components/HumbergerMenu/PreviousWebsiteLink'
+import { useLocale } from '@/hooks/useLocale'
 
 const PreviousWebsites = () => {
   const { t, locale } = useLocale()

diff --git a/components/IllustratedBy.tsx b/components/IllustratedBy.tsx
@@ -1,7 +1,7 @@
 import type { NextPage } from 'next'
-import TwitterIcon from '../components/Svg/TwitterIcon'
-import ExternalLink from '../components/Svg/ExternalLink'
-import { useLocale } from '../hooks/useLocale'
+import TwitterIcon from '@/components/Svg/TwitterIcon'
+import ExternalLink from '@/components/Svg/ExternalLink'
+import { useLocale } from '@/hooks/useLocale'
 
 const IllustratedBy: NextPage = () => {
   const { locale } = useLocale()

diff --git a/components/Kikaku.tsx b/components/Kikaku.tsx
@@ -1,6 +1,6 @@
 import type { NextPage } from 'next'
 import Link from 'next/link'
-import { useLocale } from '../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const Kikaku: NextPage = () => {
   const { locale } = useLocale()

diff --git a/components/NavBar.tsx b/components/NavBar.tsx
@@ -1,7 +1,7 @@
 import type { NextPage } from 'next'
 import Link from 'next/link'
 
-import { useLocale } from '../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const NavBar: NextPage = () => {
   const { t, locale } = useLocale()

diff --git a/components/Onegai.tsx b/components/Onegai.tsx
@@ -1,5 +1,5 @@
 import type { NextPage } from 'next'
-import { useLocale } from '../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const Onegai: NextPage = () => {
   const { locale } = useLocale()

diff --git a/components/SiteFooter.tsx b/components/SiteFooter.tsx
@@ -1,7 +1,7 @@
 import type { NextPage } from 'next'
-import TwitterIcon from '../components/Svg/TwitterIcon'
-import ExternalLink from '../components/Svg/ExternalLink'
-import { useLocale } from '../hooks/useLocale'
+import TwitterIcon from '@/components/Svg/TwitterIcon'
+import ExternalLink from '@/components/Svg/ExternalLink'
+import { useLocale } from '@/hooks/useLocale'
 
 const SiteFooter: NextPage = () => {
   const { t } = useLocale()

diff --git a/components/VoteExamples.tsx b/components/VoteExamples.tsx
@@ -1,6 +1,6 @@
 import type { NextPage } from 'next'
 import Image from 'next/image'
-import { useLocale } from '../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const VoteExamples: NextPage = () => {
   const { locale } = useLocale()

diff --git a/components/WhatIsGensosenkyo.tsx b/components/WhatIsGensosenkyo.tsx
@@ -1,5 +1,5 @@
 import type { NextPage } from 'next'
-import { useLocale } from '../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const WhatIsGensosenkyo: NextPage = () => {
   const { locale } = useLocale()

diff --git a/hooks/useLocale.ts b/hooks/useLocale.ts
@@ -1,6 +1,6 @@
 import { useRouter } from 'next/router'
-import en from '../locales/en'
-import ja from '../locales/ja'
+import en from '@/locales/en'
+import ja from '@/locales/ja'
 
 export const useLocale = () => {
   const { locale } = useRouter()

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -1,11 +1,11 @@
 import type { AppProps } from 'next/app'
 
-import { googleTagManagerId } from '../utils/gtm'
+import { googleTagManagerId } from '@/utils/gtm'
 import GoogleTagManager, {
   GoogleTagManagerId,
-} from '../components/GoogleTagManager'
+} from '@/components/GoogleTagManager'
 
-import '../styles/globals.scss'
+import '@/styles/globals.scss'
 
 function MyApp({ Component, pageProps }: AppProps) {
   return (

diff --git a/pages/events-in-event.tsx b/pages/events-in-event.tsx
@@ -1,12 +1,12 @@
 import type { NextPage } from 'next'
 import Link from 'next/link'
 
-import HumbergerNavigation from '../components/HumbergerMenu/HumbergerNavigation'
-import NavBar from '../components/NavBar'
-import SiteFooter from '../components/SiteFooter'
-import Kikaku from '../components/Kikaku'
+import HumbergerNavigation from '@/components/HumbergerMenu/HumbergerNavigation'
+import NavBar from '@/components/NavBar'
+import SiteFooter from '@/components/SiteFooter'
+import Kikaku from '@/components/Kikaku'
 
-import { useLocale } from '../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const EventsInEvent: NextPage = () => {
   const { t, locale } = useLocale()

diff --git a/pages/events-in-event/bonus-votes.tsx b/pages/events-in-event/bonus-votes.tsx
@@ -2,11 +2,11 @@ import type { NextPage } from 'next'
 import Link from 'next/link'
 import Image from 'next/image'
 
-import HumbergerNavigation from '../../components/HumbergerMenu/HumbergerNavigation'
-import NavBar from '../../components/NavBar'
-import SiteFooter from '../../components/SiteFooter'
+import HumbergerNavigation from '@/components/HumbergerMenu/HumbergerNavigation'
+import NavBar from '@/components/NavBar'
+import SiteFooter from '@/components/SiteFooter'
 
-import { useLocale } from '../../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const BonusVotes: NextPage = () => {
   const { t, locale } = useLocale()

diff --git a/pages/events-in-event/election-campaign.tsx b/pages/events-in-event/election-campaign.tsx
@@ -1,11 +1,11 @@
 import type { NextPage } from 'next'
 import Link from 'next/link'
 
-import HumbergerNavigation from '../../components/HumbergerMenu/HumbergerNavigation'
-import NavBar from '../../components/NavBar'
-import SiteFooter from '../../components/SiteFooter'
+import HumbergerNavigation from '@/components/HumbergerMenu/HumbergerNavigation'
+import NavBar from '@/components/NavBar'
+import SiteFooter from '@/components/SiteFooter'
 
-import { useLocale } from '../../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const ElectionCampaign: NextPage = () => {
   const { t, locale } = useLocale()

diff --git a/pages/events-in-event/illustrations-with-results.tsx b/pages/events-in-event/illustrations-with-results.tsx
@@ -2,11 +2,11 @@ import type { NextPage } from 'next'
 import Link from 'next/link'
 import { TwitterTweetEmbed, TwitterTimelineEmbed } from 'react-twitter-embed'
 
-import HumbergerNavigation from '../../components/HumbergerMenu/HumbergerNavigation'
-import NavBar from '../../components/NavBar'
-import SiteFooter from '../../components/SiteFooter'
+import HumbergerNavigation from '@/components/HumbergerMenu/HumbergerNavigation'
+import NavBar from '@/components/NavBar'
+import SiteFooter from '@/components/SiteFooter'
 
-import { useLocale } from '../../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const IllustrationsWithResults: NextPage = () => {
   const { t, locale } = useLocale()

diff --git a/pages/events-in-event/novels-on-themes-application-results.tsx b/pages/events-in-event/novels-on-themes-application-results.tsx
@@ -2,11 +2,11 @@ import type { NextPage } from 'next'
 import Link from 'next/link'
 import Image from 'next/image'
 
-import HumbergerNavigation from '../../components/HumbergerMenu/HumbergerNavigation'
-import NavBar from '../../components/NavBar'
-import SiteFooter from '../../components/SiteFooter'
+import HumbergerNavigation from '@/components/HumbergerMenu/HumbergerNavigation'
+import NavBar from '@/components/NavBar'
+import SiteFooter from '@/components/SiteFooter'
 
-import { useLocale } from '../../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const NovelsOnThemesApplicationResults: NextPage = () => {
   const { t, locale } = useLocale()

diff --git a/pages/events-in-event/novels-on-themes.tsx b/pages/events-in-event/novels-on-themes.tsx
@@ -2,11 +2,11 @@ import type { NextPage } from 'next'
 import Link from 'next/link'
 import Image from 'next/image'
 
-import HumbergerNavigation from '../../components/HumbergerMenu/HumbergerNavigation'
-import NavBar from '../../components/NavBar'
-import SiteFooter from '../../components/SiteFooter'
+import HumbergerNavigation from '@/components/HumbergerMenu/HumbergerNavigation'
+import NavBar from '@/components/NavBar'
+import SiteFooter from '@/components/SiteFooter'
 
-import { useLocale } from '../../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const NovelsOnThemes: NextPage = () => {
   const { t, locale } = useLocale()

diff --git a/pages/events-in-event/op-cl-illustrations.tsx b/pages/events-in-event/op-cl-illustrations.tsx
@@ -2,11 +2,11 @@ import type { NextPage } from 'next'
 import Link from 'next/link'
 import { TwitterTweetEmbed, TwitterTimelineEmbed } from 'react-twitter-embed'
 
-import HumbergerNavigation from '../../components/HumbergerMenu/HumbergerNavigation'
-import NavBar from '../../components/NavBar'
-import SiteFooter from '../../components/SiteFooter'
+import HumbergerNavigation from '@/components/HumbergerMenu/HumbergerNavigation'
+import NavBar from '@/components/NavBar'
+import SiteFooter from '@/components/SiteFooter'
 
-import { useLocale } from '../../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const OpClIllustrations: NextPage = () => {
   const { t, locale } = useLocale()

diff --git a/pages/events-in-event/oshi-serif.tsx b/pages/events-in-event/oshi-serif.tsx
@@ -2,11 +2,11 @@ import type { NextPage } from 'next'
 import Link from 'next/link'
 import Image from 'next/image'
 
-import HumbergerNavigation from '../../components/HumbergerMenu/HumbergerNavigation'
-import NavBar from '../../components/NavBar'
-import SiteFooter from '../../components/SiteFooter'
+import HumbergerNavigation from '@/components/HumbergerMenu/HumbergerNavigation'
+import NavBar from '@/components/NavBar'
+import SiteFooter from '@/components/SiteFooter'
 
-import { useLocale } from '../../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const OshiSerif: NextPage = () => {
   const { t, locale } = useLocale()

diff --git a/pages/events-in-event/sosenkyo-book.tsx b/pages/events-in-event/sosenkyo-book.tsx
@@ -2,13 +2,13 @@ import type { NextPage } from 'next'
 import Link from 'next/link'
 import { TwitterTweetEmbed, TwitterTimelineEmbed } from 'react-twitter-embed'
 
-import HumbergerNavigation from '../../components/HumbergerMenu/HumbergerNavigation'
-import NavBar from '../../components/NavBar'
-import SiteFooter from '../../components/SiteFooter'
+import HumbergerNavigation from '@/components/HumbergerMenu/HumbergerNavigation'
+import NavBar from '@/components/NavBar'
+import SiteFooter from '@/components/SiteFooter'
 
-import Contacts from '../../components/sosenkyo-book/contacts'
+import Contacts from '@/components/sosenkyo-book/contacts'
 
-import { useLocale } from '../../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 const SosenkyoBook: NextPage = () => {
   const { t, locale } = useLocale()

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -4,23 +4,23 @@ import Link from 'next/link'
 import Image from 'next/image'
 import type { NextPage } from 'next'
 
-import HumbergerNavigation from '../components/HumbergerMenu/HumbergerNavigation'
+import HumbergerNavigation from '@/components/HumbergerMenu/HumbergerNavigation'
 
-import NavBar from '../components/NavBar'
+import NavBar from '@/components/NavBar'
 
-import EventSummary from '../components/EventSummary'
-import HowToVote from '../components/HowToVote'
-import VoteExamples from '../components/VoteExamples'
-import Departments from '../components/Departments'
-import Dendouiri from '../components/Dendouiri'
-import Onegai from '../components/Onegai'
-import Kikaku from '../components/Kikaku'
+import EventSummary from '@/components/EventSummary'
+import HowToVote from '@/components/HowToVote'
+import VoteExamples from '@/components/VoteExamples'
+import Departments from '@/components/Departments'
+import Dendouiri from '@/components/Dendouiri'
+import Onegai from '@/components/Onegai'
+import Kikaku from '@/components/Kikaku'
 
-import WhatIsGensosenkyo from '../components/WhatIsGensosenkyo'
-import IllustratedBy from '../components/IllustratedBy'
-import SiteFooter from '../components/SiteFooter'
+import WhatIsGensosenkyo from '@/components/WhatIsGensosenkyo'
+import IllustratedBy from '@/components/IllustratedBy'
+import SiteFooter from '@/components/SiteFooter'
 
-import { useLocale } from '../hooks/useLocale'
+import { useLocale } from '@/hooks/useLocale'
 
 // const nowSecond = () => {
 //   const time = new Date()

diff --git a/tsconfig.json b/tsconfig.json
@@ -17,7 +17,11 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "incremental": true
+    "incremental": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./*"]
+    }
   },
   "include": [
     "next-env.d.ts",