clean prettier

.eslintrc.js

@@ -1,3 +1,43 @@
 module.exports = {
-  extends: "next/core-web-vitals"
+  plugins: ['simple-import-sort'],
+  extends: ['next/core-web-vitals', 'plugin:import/recommended', 'prettier'],
+  rules: {
+    'simple-import-sort/imports': [
+      'warn',
+      {
+        groups: [
+          // ext library & side effect imports
+          ['^@?\\w', '^\\u0000'],
+          // {s}css files
+          ['^.+\\.s?css$'],
+          // Lib and hooks
+          ['^@/lib', '^@/hooks'],
+          // static data
+          ['^@/data'],
+          // components
+          ['^@/components'],
+          // Other imports
+          ['^@/'],
+          // relative paths up until 3 level
+          [
+            '^\\./?$',
+            '^\\.(?!/?$)',
+            '^\\.\\./?$',
+            '^\\.\\.(?!/?$)',
+            '^\\.\\./\\.\\./?$',
+            '^\\.\\./\\.\\.(?!/?$)',
+            '^\\.\\./\\.\\./\\.\\./?$',
+            '^\\.\\./\\.\\./\\.\\.(?!/?$)',
+          ],
+          ['^@/types'],
+          // other that didnt fit in
+          ['^'],
+        ],
+      },
+    ],
+    'simple-import-sort/exports': 'error',
+    'import/first': 'error',
+    'import/newline-after-import': 'error',
+    'import/no-duplicates': 'error',
+  },
 }

.github/workflows/deploy-vercel-staging.yml

@@ -18,7 +18,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: "${{ steps.nvmrc.outputs.version }}"
+          node-version: '${{ steps.nvmrc.outputs.version }}'
 
       - name: Install pnpm
         uses: pnpm/action-setup@v2.2.2

.prettierignore

@@ -0,0 +1,6 @@
+.next
+next-env.d.ts
+node_modules
+package-lock.json
+public
+pnpm-lock.yaml

package.json

@@ -6,7 +6,12 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "check:format": "prettier --check .",
+    "check:lint": "eslint . --ext js,ts,tsx",
+    "check:types": "tsc -p tsconfig.json --noEmit --pretty",
+    "format": "prettier --write .",
+    "lint:write": "eslint . --ext js,ts,tsx --fix --max-warnings=0"
   },
   "dependencies": {
     "@tailwindcss/aspect-ratio": "^0.4.0",
@@ -36,9 +41,14 @@
     "date-fns": "^2.29.1",
     "eslint": "8.20.0",
     "eslint-config-next": "12.2.3",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-simple-import-sort": "^7.0.0",
     "hast-util-has-property": "^2.0.0",
     "hast-util-heading-rank": "^2.1.0",
     "hast-util-to-string": "^2.0.0",
+    "prettier": "^2.7.1",
     "react-social-media-embed": "^2.2.2",
     "rehype-autolink-headings": "^6.1.1",
     "rehype-image-placeholder": "^1.0.1",

public/google4385e63ec6c7b5f1.html

@@ -1 +1 @@
-google-site-verification: google4385e63ec6c7b5f1.html
+google-site-verification: google4385e63ec6c7b5f1.html

public/site.webmanifest

@@ -1,14 +1,14 @@
 {
-    "name": "David Dias",
-    "short_name": "David Dias",
-    "icons": [
-        {
-            "src": "/img/website/android-chrome-96x96.png",
-            "sizes": "96x96",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#ffffff",
-    "background_color": "#ffffff",
-    "display": "standalone"
+  "name": "David Dias",
+  "short_name": "David Dias",
+  "icons": [
+    {
+      "src": "/img/website/android-chrome-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
 }

src/components/Container/Container.tsx

@@ -15,9 +15,7 @@ export const Container: FC<ContainerProps> = ({ children }) => {
     <div className="min-h-screen flex flex-col">
       <Header pathname={router.pathname} />
       <div className="py-3 top-0 mb-12">
-        <div className="max-w-5xl mx-auto px-2 sm:px-6 lg:px-8">
-          {children}
-        </div>
+        <div className="max-w-5xl mx-auto px-2 sm:px-6 lg:px-8">{children}</div>
       </div>
       <Footer />
     </div>

src/pages/_app.tsx

@@ -1,6 +1,7 @@
-import '../styles/globals.css'
 import type { AppProps } from 'next/app'
 
+import '../styles/globals.css'
+
 function MyApp({ Component, pageProps }: AppProps) {
   return <Component {...pageProps} />
 }

src/pages/blog/[slug].tsx

@@ -13,26 +13,23 @@ import rehypeSlug from 'rehype-slug'
 import remarkGfm from 'remark-gfm'
 import slugify from 'slugify'
 
-
+import { AdjacentPosts } from '@/components/AdjacentPosts'
+import { Author } from '@/components/Author'
 import { Container } from '@/components/Container'
-
+import { CustomLink } from '@/components/CustomLink'
+import { DatePost } from '@/components/DatePost'
+import { H1 } from '@/components/Headings'
 import { MDXComponents } from '@/components/MdxComponents'
-
+import { Paragraph } from '@/components/Paragraph'
+import { Share } from '@/components/Share'
+import { TableOfContents } from '@/components/TableOfContents'
+import { Tags } from '@/components/Tags'
 
 import { routes } from '@/config/routes'
 import { baseUrl } from '@/config/seo'
 import { getAdjacentPosts, getAllPosts, getPost, getPostBySlug } from '@/utils/get-blog-posts'
 import { rehypeExtractHeadings } from '@/utils/rehype-extract-headings'
 import { remarkCodeTitles } from '@/utils/remark-code-titles'
-import { H1 } from '@/components/Headings'
-import { CustomLink } from '@/components/CustomLink'
-import { Paragraph } from '@/components/Paragraph'
-import { Author } from '@/components/Author'
-import { DatePost } from '@/components/DatePost'
-import { Tags } from '@/components/Tags'
-import { TableOfContents } from '@/components/TableOfContents'
-import { AdjacentPosts } from '@/components/AdjacentPosts'
-import { Share } from '@/components/Share'
 
 export type BlogPostProps = {
   frontMatter: {

src/pages/blog/index.tsx

@@ -10,8 +10,6 @@ import { H1, H5 } from '@/components/Headings'
 import { routes } from '@/config/routes'
 import { getAllPostsWithFrontMatter } from '@/utils/get-blog-posts'
 
-
-
 type BlogProps = {
   posts: any[]
 }

src/pages/category/[category].tsx

@@ -12,8 +12,6 @@ import { H1 } from '@/components/Headings'
 import { routes } from '@/config/routes'
 import { getAllPostsWithFrontMatter, getCategories } from '@/utils/get-blog-posts'
 
-
-
 type CategoryPageProps = {
   posts: any[]
   category: {