Adds prettier

Author: ulhas

.github/ISSUE_TEMPLATE.md

@@ -1,9 +1,9 @@
 ---
 name: Issue Template
 about: Create a report to help us improve
-title: ""
-labels: ""
-assignees: ""
+title: ''
+labels: ''
+assignees: ''
 ---
 
 ## Issue Type

.github/workflows/nextjs.yml

@@ -7,7 +7,7 @@ name: Deploy Next.js site to Pages
 on:
   # Runs on pushes targeting the default branch
   push:
-    branches: ["main"]
+    branches: ['main']
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
@@ -21,7 +21,7 @@ permissions:
 # Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
 # However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
 concurrency:
-  group: "pages"
+  group: 'pages'
   cancel-in-progress: false
 
 jobs:
@@ -51,7 +51,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: "20"
+          node-version: '20'
           cache: ${{ steps.detect-package-manager.outputs.manager }}
       - name: Setup Pages
         uses: actions/configure-pages@v5

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "printWidth": 80,
+  "bracketSpacing": true,
+  "arrowParens": "avoid"
+}

next.config.ts

@@ -1,21 +1,21 @@
-import type { NextConfig } from "next";
+import type { NextConfig } from 'next'
 
 const nextConfig: NextConfig = {
   /* config options here */
   images: {
     remotePatterns: [
       {
-        protocol: "https",
-        hostname: "i0.wp.com",
-        pathname: "**",
+        protocol: 'https',
+        hostname: 'i0.wp.com',
+        pathname: '**',
       },
       {
-        protocol: "https",
-        hostname: "procedure.tech",
-        pathname: "**",
+        protocol: 'https',
+        hostname: 'procedure.tech',
+        pathname: '**',
       },
     ],
   },
-};
+}
 
-export default nextConfig;
+export default nextConfig

postcss.config.mjs

@@ -3,6 +3,6 @@ const config = {
   plugins: {
     tailwindcss: {},
   },
-};
+}
 
-export default config;
+export default config

src/app/[slug]/components/Author.tsx

@@ -1,11 +1,11 @@
-import { AuthorDataType } from "@/data/types";
-import Image from "next/image";
-import Link from "next/link";
-import React from "react";
+import { AuthorDataType } from '@/data/types'
+import Image from 'next/image'
+import Link from 'next/link'
+import React from 'react'
 
 type AuthorProps = {
-  authorData: AuthorDataType;
-};
+  authorData: AuthorDataType
+}
 
 const Author = ({ authorData }: AuthorProps) => {
   return (
@@ -24,7 +24,7 @@ const Author = ({ authorData }: AuthorProps) => {
         </div>
       </Link>
     </div>
-  );
-};
+  )
+}
 
-export default Author;
+export default Author

src/app/[slug]/components/LeftSection.tsx

@@ -1,9 +1,9 @@
-import React from "react";
+import React from 'react'
 
 type LeftSectionProps = {
-  subHeadings: string[];
-  content: string;
-};
+  subHeadings: string[]
+  content: string
+}
 
 const LeftSection = ({ subHeadings, content }: LeftSectionProps) => {
   return (
@@ -15,7 +15,7 @@ const LeftSection = ({ subHeadings, content }: LeftSectionProps) => {
       ))}
       <div dangerouslySetInnerHTML={{ __html: content }}></div>
     </div>
-  );
-};
+  )
+}
 
-export default LeftSection;
+export default LeftSection

src/app/[slug]/components/RightSection.tsx

@@ -1,11 +1,11 @@
-import { PostType, TagsType } from "@/data/types";
-import Link from "next/link";
-import React from "react";
+import { PostType, TagsType } from '@/data/types'
+import Link from 'next/link'
+import React from 'react'
 
 type RightSectionProps = {
-  latestPosts: PostType[];
-  tags: TagsType[];
-};
+  latestPosts: PostType[]
+  tags: TagsType[]
+}
 
 const RightSection = ({ latestPosts, tags }: RightSectionProps) => {
   return (
@@ -35,7 +35,7 @@ const RightSection = ({ latestPosts, tags }: RightSectionProps) => {
         Tag Cloud
       </h4>
       <div className="flex flex-wrap lg:border-b border-b-black/20 pb-10">
-        {tags.map((tag) => (
+        {tags.map(tag => (
           <Link
             key={tag.link}
             className="py-1.5 px-5 bg-[#D0D0D0] mr-2.5 mb-2.5 rounded-full border-none text-sm relative animation-easein-slow left-0 hover:bg-[rgba(208,208,208,0.3)]"
@@ -46,7 +46,7 @@ const RightSection = ({ latestPosts, tags }: RightSectionProps) => {
         ))}
       </div>
     </div>
-  );
-};
+  )
+}
 
-export default RightSection;
+export default RightSection

src/app/[slug]/page.tsx

@@ -1,37 +1,37 @@
-import PageNavbar from "@/components/PageNavbar";
-import { blogsPageData } from "@/data";
-import Image from "next/image";
-import React from "react";
-import { twMerge } from "tailwind-merge";
-import Author from "./components/Author";
-import LeftSection from "./components/LeftSection";
-import RightSection from "./components/RightSection";
-import { DynamicPagePropsType } from "../types";
-import { Metadata } from "next/types";
-import { removeDashAndCapitalize } from "@/utils/utils";
+import PageNavbar from '@/components/PageNavbar'
+import { blogsPageData } from '@/data'
+import Image from 'next/image'
+import React from 'react'
+import { twMerge } from 'tailwind-merge'
+import Author from './components/Author'
+import LeftSection from './components/LeftSection'
+import RightSection from './components/RightSection'
+import { DynamicPagePropsType } from '../types'
+import { Metadata } from 'next/types'
+import { removeDashAndCapitalize } from '@/utils/utils'
 
-export const dynamicParams = false;
+export const dynamicParams = false
 
 export async function generateStaticParams() {
-  return Object.keys(blogsPageData).map((pageName) => ({
+  return Object.keys(blogsPageData).map(pageName => ({
     slug: pageName,
-  }));
+  }))
 }
 
-export async function generateMetadata({ params }: DynamicPagePropsType): Promise<Metadata>  {
+export async function generateMetadata({
+  params,
+}: DynamicPagePropsType): Promise<Metadata> {
   const slug = (await params).slug
 
   return {
     title: removeDashAndCapitalize(slug),
-    description: ""
-  };
+    description: '',
+  }
 }
 
-export default async function Page({
-  params,
-}: DynamicPagePropsType) {
-  const slug = (await params).slug;
-  const pageData = blogsPageData[slug];
+export default async function Page({ params }: DynamicPagePropsType) {
+  const slug = (await params).slug
+  const pageData = blogsPageData[slug]
 
   return (
     <>
@@ -44,7 +44,7 @@ export default async function Page({
             >
               <h1
                 className={twMerge(
-                  "text-5xl lg:text-6xl xl:text-7xl pt-4 dot mb-1.5 tracking-tighter",
+                  'text-5xl lg:text-6xl xl:text-7xl pt-4 dot mb-1.5 tracking-tighter'
                 )}
               >
                 {pageData.heroSection.heading}
@@ -99,5 +99,5 @@ export default async function Page({
         </div>
       </div>
     </>
-  );
+  )
 }

src/app/about/[slug]/layout.tsx

@@ -1,11 +1,11 @@
-import React from "react";
-import Image from "next/image";
-import Link from "next/link";
+import React from 'react'
+import Image from 'next/image'
+import Link from 'next/link'
 
 const Layout = ({
   children,
 }: Readonly<{
-  children: React.ReactNode;
+  children: React.ReactNode
 }>) => {
   return (
     <>
@@ -50,7 +50,7 @@ const Layout = ({
         </div>
       </section>
     </>
-  );
-};
+  )
+}
 
-export default Layout;
+export default Layout