.eslintrc.js

@@ -17,6 +17,10 @@ module.exports = {
     'next',
     'next/core-web-vitals',
   ],
+  parserOptions: {
+    project: true,
+    tsconfigRootDir: __dirname,
+  },
   rules: {
     'prettier/prettier': 'error',
     'react/react-in-jsx-scope': 'off',

.github/ISSUE_TEMPLATE/bug_report.md

@@ -4,7 +4,6 @@ about: Create a report to help us improve
 title: ''
 labels: bug
 assignees: ''
-
 ---
 
 **Describe the bug**
@@ -12,6 +11,7 @@ A clear and concise description of what the bug is.
 
 **To Reproduce**
 Steps to reproduce the behavior:
+
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
@@ -24,11 +24,13 @@ A clear and concise description of what you expected to happen.
 If applicable, add screenshots to help explain your problem.
 
 **System Info (if dev / build issue):**
+
 - OS: [e.g. iOS]
 - Node version (please ensure you are using 14+)
 - Npm version
 
 **Browser Info (if display / formatting issue):**
+
 - Device [e.g. Desktop, iPhone6]
 - Browser [e.g. chrome, safari]
 - Version [e.g. 22]

.github/ISSUE_TEMPLATE/feature_request.md

@@ -4,7 +4,6 @@ about: Suggest an idea for this project
 title: ''
 labels: ''
 assignees: ''
-
 ---
 
 **Is your feature request related to a problem? Please describe.**

app/tag-data.json

@@ -1 +1,19 @@
-{"markdown":1,"code":1,"features":1,"next-js":5,"math":1,"ols":1,"github":1,"guide":4,"tailwind":2,"holiday":1,"canada":1,"images":1,"writings":1,"book":1,"reflection":1,"multi-author":1,"feature":1}
+{
+  "markdown": 1,
+  "code": 1,
+  "features": 1,
+  "next-js": 5,
+  "math": 1,
+  "ols": 1,
+  "github": 1,
+  "guide": 4,
+  "tailwind": 2,
+  "holiday": 1,
+  "canada": 1,
+  "images": 1,
+  "writings": 1,
+  "book": 1,
+  "reflection": 1,
+  "multi-author": 1,
+  "feature": 1
+}

css/tailwind.css

@@ -25,5 +25,7 @@
 /* https://stackoverflow.com/questions/61083813/how-to-avoid-internal-autofill-selected-style-to-be-applied */
 input:-webkit-autofill,
 input:-webkit-autofill:focus {
-  transition: background-color 600000s 0s, color 600000s 0s;
+  transition:
+    background-color 600000s 0s,
+    color 600000s 0s;
 }

layouts/ListLayout.tsx

@@ -21,7 +21,7 @@ interface ListLayoutProps {
 }
 
 function Pagination({ totalPages, currentPage }: PaginationProps) {
-  const pathname = usePathname() as string
+  const pathname = usePathname()
   const basePath = pathname.split('/')[1]
   const prevPage = currentPage - 1 > 0
   const nextPage = currentPage + 1 <= totalPages
@@ -131,9 +131,7 @@ export default function ListLayout({
                         </Link>
                       </h3>
                       <div className="flex flex-wrap">
-                        {tags?.map((tag) => (
+                        {tags?.map((tag) => <Tag key={tag} text={tag} />)}
-                          <Tag key={tag} text={tag} />
-                        ))}
                       </div>
                     </div>
                     <div className="prose max-w-none text-gray-500 dark:text-gray-400">

tsconfig.json

@@ -33,6 +33,7 @@
   "include": [
     "next-env.d.ts",
     "**/*.js",
+    "**/*.mjs",
     "**/*.ts",
     "**/*.tsx",
     "**/*.json",