🔞

Author: transitive-bullshit

.prettierrc

@@ -11,7 +11,7 @@
   "importOrder": [
     "^(react/(.*)$)|^(react$)|^(next/(.*)$)|^(next$)",
     "<THIRD_PARTY_MODULES>",
-    "^(lib/(.*)$)|^(components/(.*)$)|^(styles/(.*)$)",
+    "^(@/lib/(.*)$)|^(@/components/(.*)$)|^(@/styles/(.*)$)",
     "^[./]"
   ],
   "importOrderSeparation": true,

components/Footer.tsx

@@ -9,8 +9,8 @@ import { FaZhihu } from '@react-icons/all-files/fa/FaZhihu'
 import { IoMoonSharp } from '@react-icons/all-files/io5/IoMoonSharp'
 import { IoSunnyOutline } from '@react-icons/all-files/io5/IoSunnyOutline'
 
-import * as config from 'lib/config'
-import { useDarkMode } from 'lib/use-dark-mode'
+import * as config from '@/lib/config'
+import { useDarkMode } from '@/lib/use-dark-mode'
 
 import styles from './styles.module.css'
 

components/NotionPage.tsx

@@ -6,24 +6,21 @@ import { useRouter } from 'next/router'
 
 import cs from 'classnames'
 import { PageBlock } from 'notion-types'
-// utils
 import { formatDate, getBlockTitle, getPageProperty } from 'notion-utils'
 import BodyClassName from 'react-body-classname'
-// core notion renderer
 import { NotionRenderer } from 'react-notion-x'
 import TweetEmbed from 'react-tweet-embed'
 import { useSearchParam } from 'react-use'
 
-import * as config from 'lib/config'
-import * as types from 'lib/types'
-import { mapImageUrl } from 'lib/map-image-url'
-import { getCanonicalPageUrl, mapPageUrl } from 'lib/map-page-url'
-import { searchNotion } from 'lib/search-notion'
-import { useDarkMode } from 'lib/use-dark-mode'
+import * as config from '@/lib/config'
+import * as types from '@/lib/types'
+import { mapImageUrl } from '@/lib/map-image-url'
+import { getCanonicalPageUrl, mapPageUrl } from '@/lib/map-page-url'
+import { searchNotion } from '@/lib/search-notion'
+import { useDarkMode } from '@/lib/use-dark-mode'
 
 import { Footer } from './Footer'
 import { GitHubShareButton } from './GitHubShareButton'
-// components
 import { Loading } from './Loading'
 import { NotionPageHeader } from './NotionPageHeader'
 import { Page404 } from './Page404'

components/NotionPageHeader.tsx

@@ -6,8 +6,8 @@ import { IoSunnyOutline } from '@react-icons/all-files/io5/IoSunnyOutline'
 import cs from 'classnames'
 import { Breadcrumbs, Header, Search, useNotionContext } from 'react-notion-x'
 
-import { isSearchEnabled, navigationLinks, navigationStyle } from 'lib/config'
-import { useDarkMode } from 'lib/use-dark-mode'
+import { isSearchEnabled, navigationLinks, navigationStyle } from '@/lib/config'
+import { useDarkMode } from '@/lib/use-dark-mode'
 
 import styles from './styles.module.css'
 

components/Page404.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import * as types from 'lib/types'
+import * as types from '@/lib/types'
 
 import { PageHead } from './PageHead'
 import styles from './styles.module.css'

components/PageAside.tsx

@@ -2,7 +2,7 @@ import * as React from 'react'
 
 import { Block, ExtendedRecordMap } from 'notion-types'
 
-import { getPageTweet } from 'lib/get-page-tweet'
+import { getPageTweet } from '@/lib/get-page-tweet'
 
 import { PageActions } from './PageActions'
 import { PageSocial } from './PageSocial'

components/PageHead.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react'
 import Head from 'next/head'
 
-import * as config from 'lib/config'
-import * as types from 'lib/types'
-import { getSocialImageUrl } from 'lib/get-social-image-url'
+import * as config from '@/lib/config'
+import * as types from '@/lib/types'
+import { getSocialImageUrl } from '@/lib/get-social-image-url'
 
 export const PageHead: React.FC<
   types.PageProps & {

components/PageSocial.tsx

@@ -2,7 +2,7 @@ import * as React from 'react'
 
 import cs from 'classnames'
 
-import * as config from 'lib/config'
+import * as config from '@/lib/config'
 
 import styles from './PageSocial.module.css'
 

pages/404.tsx

@@ -1,3 +1,3 @@
-import { Page404 } from 'components'
+import { Page404 } from '@/components'
 
 export default Page404

pages/[pageId].tsx

@@ -1,12 +1,12 @@
 import * as React from 'react'
 import { GetStaticProps } from 'next'
 
-import { NotionPage } from 'components'
+import { NotionPage } from '@/components'
 
-import { domain, isDev } from 'lib/config'
-import { getSiteMap } from 'lib/get-site-map'
-import { resolveNotionPage } from 'lib/resolve-notion-page'
-import { PageProps, Params } from 'lib/types'
+import { domain, isDev } from '@/lib/config'
+import { getSiteMap } from '@/lib/get-site-map'
+import { resolveNotionPage } from '@/lib/resolve-notion-page'
+import { PageProps, Params } from '@/lib/types'
 
 export const getStaticProps: GetStaticProps<PageProps, Params> = async (
   context