feat: use generic view hooks to display reads

Author: unix

.gitignore

@@ -29,3 +29,5 @@ yarn-error.log*
 /.next
 
 /lib/data/
+
+.vercel

lib/components/title.jsx

@@ -3,12 +3,12 @@ import { msToString } from '../data-transform'
 import { useTheme } from '@geist-ui/react'
 import { useRouter } from 'next/router'
 import { Configs } from '../utils'
-import useViewsShow from '../use-views-show'
+import useViews from '@unix/views'
 
 const DateDisplay = ({ date }) => {
   const theme = useTheme()
   const { asPath } = useRouter()
-  const [count, countUpdated] = useViewsShow(asPath)
+  const [count, countUpdated] = useViews(asPath)
 
   const d = useMemo(() => new Date(date), [])
   if (`${d}` === 'Invalid Date') return null

lib/use-views-show.js

@@ -15,6 +15,7 @@
     "@geist-ui/react": "^2.1.3",
     "@geist-ui/react-icons": "^1.0.1",
     "@geist-ui/react-prism": "^1.0.0",
+    "@unix/views": "^0.1.3",
     "ms": "^2.1.2",
     "next": "^9.5.4",
     "react": "^16.13.1",

package.json

@@ -1576,6 +1576,11 @@
     "@types/unist" "*"
     "@types/vfile-message" "*"
 
+"@unix/views@^0.1.3":
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/@unix/views/-/views-0.1.3.tgz#1cb490169b0804cffa86736d7f028faf8e0b1464"
+  integrity sha512-KyonKxxRl0h8VHQvVfSNZdWxvVT+HmodhgkM19OkcnByVpAsKzkIfFx83vqJcNS3zCd4Z4slziYu4rPVJ3X3Vg==
+
 "@webassemblyjs/ast@1.9.0":
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.9.0.tgz#bd850604b4042459a5a41cd7d338cbed695ed964"