chore: migrate to geist ui

Author: unix

README_CN.md

@@ -32,7 +32,7 @@
 
 #### 高优化
 
-- 得益于 [next.js](http://nextjs.com/) 与 [@zeit-ui/react](https://react.zeit-ui.co/) 的高性能优化与混合渲染
+- 得益于 [next.js](http://nextjs.com/) 与 [Geist UI](https://react.geist-ui.dev/) 的高性能优化与混合渲染
 - 完善的 SEO 支持和服务端渲染
 - 高可读性支持
 - 你只需要专注于写作

lib/components/contacts.jsx

@@ -1,8 +1,8 @@
 import React, { useMemo } from 'react'
-import { useTheme, Spacer, Link, Divider } from '@zeit-ui/react'
+import { useTheme, Spacer, Link, Divider } from '@geist-ui/react'
 import useConfigs from '../config-context'
-import SunIcon from '@zeit-ui/react-icons/sun'
-import MoonIcon from '@zeit-ui/react-icons/moon'
+import SunIcon from '@geist-ui/react-icons/sun'
+import MoonIcon from '@geist-ui/react-icons/moon'
 import { Configs } from '../utils'
 
 const Contacts = ({ isDetailPage = false }) => {

lib/components/layout.jsx

@@ -3,7 +3,7 @@ import Head from 'next/head'
 import Profile from './profile'
 import Contacts from './contacts'
 import Title from './title'
-import { Spacer } from '@zeit-ui/react'
+import { Spacer } from '@geist-ui/react'
 import { Configs } from '../utils'
 
 const LayoutHeader = ({ meta }) => (

lib/components/posts/post-item.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Link, useTheme } from '@zeit-ui/react'
+import { Link, useTheme } from '@geist-ui/react'
 import NextLink from 'next/link'
 const options = { weekday: 'short', year: 'numeric', month: 'long', day: 'numeric' }
 

lib/components/posts/posts.jsx

@@ -1,7 +1,7 @@
 import Head from 'next/head'
 import React, { useMemo } from 'react'
 import PostItem from './post-item'
-import { useTheme, Link } from '@zeit-ui/react'
+import { useTheme, Link } from '@geist-ui/react'
 import { Configs } from '../../utils'
 import NextLink from 'next/link'
 import metadata from 'lib/data/metadata'

lib/components/profile-links.jsx

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react'
 import NextLink from 'next/link'
-import { useTheme, Link } from '@zeit-ui/react'
+import { useTheme, Link } from '@geist-ui/react'
 import metadata from '../data/metadata'
 import { Configs } from '../utils'
 

lib/components/profile.jsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react'
-import { Row, useTheme, User, Link } from '@zeit-ui/react'
+import { Row, useTheme, User, Link } from '@geist-ui/react'
 import NextLink from 'next/link'
 import ProfileLinks from './profile-links'
 import { Configs } from '../utils'

lib/components/title.jsx

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react'
 import { msToString } from '../data-transform'
-import { useTheme } from '@zeit-ui/react'
+import { useTheme } from '@geist-ui/react'
 import { useRouter } from 'next/router'
 import { Configs } from '../utils'
 import useViewsShow from '../use-views-show'

package.json

@@ -10,23 +10,23 @@
     "collect": "node scripts/collect-meta.js",
     "export": "npm run now-build && next export"
   },
-  "prettier": "@zeit-ui/prettier-config",
+  "prettier": "@geist-ui/prettier-config",
   "dependencies": {
-    "@zeit-ui/react": "^1.8.0-canary.5",
-    "@zeit-ui/react-icons": "^1.3.0",
-    "@zeit-ui/react-prism": "^1.0.1",
+    "@geist-ui/react": "^2.0.1",
+    "@geist-ui/react-icons": "^1.0.0",
+    "@geist-ui/react-prism": "^1.0.0",
     "ms": "^2.1.2",
     "next": "^9.4.4",
     "react": "^16.13.1",
     "react-dom": "^16.13.1"
   },
   "devDependencies": {
+    "@geist-ui/prettier-config": "^1.0.0",
     "@mapbox/rehype-prism": "^0.4.0",
     "@mdx-js/loader": "^1.5.7",
     "@next/mdx": "^9.4.0",
     "@types/react": "^16.9.23",
     "@types/react-dom": "^16.9.5",
-    "@zeit-ui/prettier-config": "^1.0.0",
     "chalk": "^3.0.0",
     "extract-mdx-metadata": "^1.0.0",
     "fs-extra": "^8.1.0",

pages/_app.jsx

@@ -1,7 +1,7 @@
 import Head from 'next/head'
 import BLOG from '../blog.config'
-import { PrismBaseline } from '@zeit-ui/react-prism'
-import { ZeitProvider, CssBaseline } from '@zeit-ui/react'
+import { PrismBaseline } from '@geist-ui/react-prism'
+import { GeistProvider, CssBaseline } from '@geist-ui/react'
 import React, { useCallback, useState, useEffect, useMemo } from 'react'
 import useDomClean from 'lib/use-dom-clean'
 import { getDNSPrefetchValue } from 'lib/data-transform'
@@ -48,7 +48,7 @@ const Application = ({ Component, pageProps }) => {
           content="initial-scale=1, maximum-scale=5, minimum-scale=1, viewport-fit=cover"
         />
       </Head>
-      <ZeitProvider theme={{ type: themeType }}>
+      <GeistProvider theme={{ type: themeType }}>
         <CssBaseline />
         <PrismBaseline />
         <ThemeConfigProvider onChange={changeHandle}>
@@ -61,7 +61,7 @@ const Application = ({ Component, pageProps }) => {
             }
           }
         `}</style>
-      </ZeitProvider>
+      </GeistProvider>
     </>
   )
 }