Skip to content

Commit 7457ca2

Browse files
authored
🐛 - Fix mdx, tsx and ts prettier format files (#12)
1 parent 2c69d21 commit 7457ca2

File tree

16 files changed

+208
-134
lines changed

16 files changed

+208
-134
lines changed

.prettierrc

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,3 @@
11
{
2-
"trailingComma": "es5",
3-
"tabWidth": 2,
4-
"semi": false,
5-
"singleQuote": true,
6-
"printWidth": 120
2+
"tabWidth": 2
73
}

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@
77
"build": "next build",
88
"start": "next start",
99
"lint": "next lint",
10-
"format": "prettier --check --ignore-path .gitignore .",
11-
"format:fix": "prettier --write --ignore-path .gitignore ."
10+
"format": "prettier --write 'src/**/*.{ts,tsx}'",
11+
"format:fix": "prettier --write 'src/**/*.{ts,tsx}'"
1212
},
1313
"dependencies": {
1414
"@fortawesome/fontawesome-svg-core": "^6.3.0",

posts/blog/resources_developers.mdx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,8 @@ author: Por claudio_coder
1111
<p className="text-xs text-center mx-auto text-gray-600 italic">Image created with OpenAI</p>
1212
<br />
1313
<br />
14-
# [Codecademy](https://www.codecademy.com/) > Gratis y versión de pago | Inglés
14+
# [Codecademy](https://www.codecademy.com/)
15+
> Gratis y versión de pago | Inglés
1516
<br />
1617
Codecademy fue el primer sitio web donde empecé a aprender a programar. Es un sitio web que te enseña a programar de forma
1718
interactiva, con ejercicios donde tendrás que cumplir retos para poder avanzar al siguiente tema. Codecademy ofrece cursos
@@ -70,7 +71,8 @@ pasas el examen, puedes volver a revisar los temas que aprendiste e intentarlo c
7071
he tomado cursos de Inglés, React, JavaScript, Blockchain y diseño, y todos son muy completos y fáciles de entender.
7172
<br />
7273
<br />
73-
# [Treehouse](https://teamtreehouse.com/) > Versión de pago | Inglés
74+
# [Treehouse](https://teamtreehouse.com/)
75+
> Versión de pago | Inglés
7476
<br />
7577
Treehouse es una plataforma de educación en línea que ofrece cursos de programación y diseño. Aunque no he utilizado la
7678
plataforma por mucho tiempo, he disfrutado mucho del contenido de sus cursos. Treehouse ofrece trayectorias de carrera

src/app/[slug]/page.tsx

Lines changed: 26 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,51 @@
1-
import { allBlogs } from 'contentlayer/generated'
2-
import { notFound } from 'next/navigation'
3-
import { format, parseISO } from 'date-fns'
4-
import Footer from '@/components/Footer'
5-
import { Mdx } from '@/components/Mdx'
6-
import metadata from '@/utils/metadata'
1+
import { allBlogs } from "contentlayer/generated";
2+
import { notFound } from "next/navigation";
3+
import { format, parseISO } from "date-fns";
4+
import Footer from "@/components/Footer";
5+
import { Mdx } from "@/components/Mdx";
6+
import metadata from "@/utils/metadata";
77

88
type Props = {
99
params: {
10-
slug: string
11-
}
12-
}
10+
slug: string;
11+
};
12+
};
1313

1414
const getDocFromParams = ({ params }: Props) => {
15-
const doc = allBlogs.find((doc) => doc.slug === params.slug)
15+
const doc = allBlogs.find((doc) => doc.slug === params.slug);
1616

17-
return doc ?? null
18-
}
17+
return doc ?? null;
18+
};
1919

2020
export const generateMetadata = async ({ params }: Props) => {
21-
const doc = await getDocFromParams({ params })
21+
const doc = await getDocFromParams({ params });
2222
if (!doc) {
23-
return {}
23+
return {};
2424
}
2525
return metadata({
2626
title: doc.title,
2727
description: doc.description,
2828
path: `/${doc.slug}`,
2929
image: `/${doc.thumbnailUrl}`,
30-
})
31-
}
30+
});
31+
};
3232

3333
const BlogPage = async ({ params }: Props) => {
34-
const post = await getDocFromParams({ params })
34+
const post = await getDocFromParams({ params });
3535

3636
if (!post) {
37-
notFound()
37+
notFound();
3838
}
3939

4040
return (
4141
<div className="flex flex-col my-8 sm:px-[5%]">
4242
<div className="sm:pl-[5%] sm:pr-[15%] mb-4 sm:mb-8">
4343
<h1 className="text-2xl sm:text-4xl font-black">{post.title}</h1>
44-
<time dateTime={post.date} className="my-2 block text-sm w-full text-gray-600 text-left">
45-
{format(parseISO(post.date), 'MMMM dd, yyyy')}
44+
<time
45+
dateTime={post.date}
46+
className="my-2 block text-sm w-full text-gray-600 text-left"
47+
>
48+
{format(parseISO(post.date), "MMMM dd, yyyy")}
4649
</time>
4750
<p className="text-gray-500 italic text-sm">{post.author}</p>
4851
</div>
@@ -53,7 +56,7 @@ const BlogPage = async ({ params }: Props) => {
5356
<Footer />
5457
</div>
5558
</div>
56-
)
57-
}
59+
);
60+
};
5861

59-
export default BlogPage
62+
export default BlogPage;

src/app/layout.tsx

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
1-
import { _roboto } from '@/utils/fonts'
2-
import { config } from '@fortawesome/fontawesome-svg-core'
3-
import '@fortawesome/fontawesome-svg-core/styles.css'
4-
import '@/styles/globals.css'
5-
import ProfileContainer from '@/components/ProfileContainer'
6-
import GoogleAnalytics from '@/components/GoogleAnalytics'
7-
config.autoAddCss = false
1+
import { _roboto } from "@/utils/fonts";
2+
import { config } from "@fortawesome/fontawesome-svg-core";
3+
import "@fortawesome/fontawesome-svg-core/styles.css";
4+
import "@/styles/globals.css";
5+
import ProfileContainer from "@/components/ProfileContainer";
6+
import GoogleAnalytics from "@/components/GoogleAnalytics";
7+
config.autoAddCss = false;
88

99
export default function RootLayout({
1010
// Layouts must accept a children prop.
1111
// This will be populated with nested layouts or pages
1212
children,
1313
}: {
14-
children: React.ReactNode
14+
children: React.ReactNode;
1515
}) {
1616
return (
1717
<html lang="es">
@@ -29,5 +29,5 @@ export default function RootLayout({
2929
<GoogleAnalytics />
3030
</body>
3131
</html>
32-
)
32+
);
3333
}

src/app/loading.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
export default function Loading() {
22
// You can add any UI inside Loading, including a Skeleton.
3-
return <div>Loading...</div>
3+
return <div>Loading...</div>;
44
}

src/app/page.tsx

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,21 @@
1-
import { Metadata } from 'next'
2-
import { allBlogs } from 'contentlayer/generated'
3-
import { compareDesc } from 'date-fns'
4-
import Head from 'next/head'
5-
import PostCard from '@/components/PostCard'
1+
import { Metadata } from "next";
2+
import { allBlogs } from "contentlayer/generated";
3+
import { compareDesc } from "date-fns";
4+
import Head from "next/head";
5+
import PostCard from "@/components/PostCard";
66

77
export const metadata: Metadata = {
88
title: `Claudio's Page`,
9-
description: 'Claudio Coder Blog',
9+
description: "Claudio Coder Blog",
1010
icons: {
11-
icon: 'images/favicon.ico',
11+
icon: "images/favicon.ico",
1212
},
13-
}
13+
};
1414

1515
export default function Home() {
16-
const posts = allBlogs.sort((a, b) => compareDesc(new Date(a.date), new Date(b.date)))
16+
const posts = allBlogs.sort((a, b) =>
17+
compareDesc(new Date(a.date), new Date(b.date)),
18+
);
1719

1820
return (
1921
<>
@@ -32,5 +34,5 @@ export default function Home() {
3234
</div>
3335
</div>
3436
</>
35-
)
37+
);
3638
}

src/components/Footer.tsx

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,14 @@
1-
import Link from 'next/link'
1+
import Link from "next/link";
22

33
export default function Footer() {
44
return (
55
<div className="p-2 border-l-4 text-gray-500">
6-
<Link href="/" className="font-bold underline underline-offset-4 text-gray-500">
6+
<Link
7+
href="/"
8+
className="font-bold underline underline-offset-4 text-gray-500"
9+
>
710
Regresar
811
</Link>
912
</div>
10-
)
13+
);
1114
}

src/components/GoogleAnalytics.tsx

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,13 @@
1-
'use client'
2-
import Script from 'next/script'
1+
"use client";
2+
import Script from "next/script";
33

44
export default function GoogleAnalytics() {
55
return (
66
<>
7-
<Script async src={`https://www.googletagmanager.com/gtag/js?id=G-9JLBHQ70PM`} />
7+
<Script
8+
async
9+
src={`https://www.googletagmanager.com/gtag/js?id=G-9JLBHQ70PM`}
10+
/>
811
<Script id="ga-script">
912
{`
1013
window.dataLayer = window.dataLayer || [];
@@ -15,5 +18,5 @@ export default function GoogleAnalytics() {
1518
`}
1619
</Script>
1720
</>
18-
)
21+
);
1922
}

src/components/Mdx.tsx

Lines changed: 23 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,26 @@
1-
import { useMDXComponent } from 'next-contentlayer/hooks'
2-
import Image from 'next/image'
1+
import { useMDXComponent } from "next-contentlayer/hooks";
2+
import Image from "next/image";
33
interface Props {
4-
code: string
4+
code: string;
55
}
66

77
const components = {
88
a: ({ ...props }: React.HTMLAttributes<HTMLAnchorElement>) => (
9-
<a target="_blank" rel="noopener" {...props} className={'text-blue-700 text-2xl'} />
9+
<a
10+
target="_blank"
11+
rel="noopener"
12+
{...props}
13+
className={"text-blue-700 text-2xl"}
14+
/>
15+
),
16+
p: ({ ...props }: React.HTMLAttributes<HTMLParagraphElement>) => (
17+
<p {...props} className={"text-justify"} />
1018
),
11-
p: ({ ...props }: React.HTMLAttributes<HTMLParagraphElement>) => <p {...props} className={'text-justify'} />,
1219
blockquote: ({ ...props }: React.HTMLAttributes<HTMLQuoteElement>) => (
13-
<blockquote {...props} className={'border-l-4 border-red-400 mt-2 pl-4 italic'} />
20+
<blockquote
21+
{...props}
22+
className={"border-l-4 border-red-400 mt-2 pl-4 italic"}
23+
/>
1424
),
1525
img: ({ ...props }) => {
1626
return (
@@ -20,18 +30,20 @@ const components = {
2030
src={props.src}
2131
alt={props.alt}
2232
{...props}
23-
className={'mx-auto shadow-[0_5px_15px_rgba(0,0,0,0.35)] mb-2 rounded-lg'}
33+
className={
34+
"mx-auto shadow-[0_5px_15px_rgba(0,0,0,0.35)] mb-2 rounded-lg"
35+
}
2436
/>
25-
)
37+
);
2638
},
27-
}
39+
};
2840

2941
export function Mdx({ code }: Props) {
30-
const Component = useMDXComponent(code)
42+
const Component = useMDXComponent(code);
3143

3244
return (
3345
<div className="prose prose-slate flex-1">
3446
<Component components={components} />
3547
</div>
36-
)
48+
);
3749
}

0 commit comments

Comments
 (0)