Format code

.prettierrc.json

@@ -1,4 +1,4 @@
 {
   "semi": true,
   "singleQuote": true
-}
+}

components/DarkModeBtn.tsx

@@ -36,4 +36,4 @@ const DarkModeBtn = () => {
   );
 };
 
-export default memo(DarkModeBtn);
+export default memo(DarkModeBtn);

components/Footer.tsx

@@ -26,4 +26,4 @@ const Footer = () => {
   );
 };
 
-export default memo(Footer);
+export default memo(Footer);

components/NavBar.tsx

@@ -162,4 +162,4 @@ const HeadBar = () => {
   );
 };
 
-export default memo(HeadBar);
+export default memo(HeadBar);

components/PostCard.tsx

@@ -51,4 +51,4 @@ const PostCard = ({ post }: Props) => {
   );
 };
 
-export default memo(PostCard);
+export default memo(PostCard);

components/RUA/Button.tsx

@@ -36,4 +36,4 @@ const Button = ({ children, ...rest }: ButtonProps) => {
   );
 };
 
-export default memo(Button);
+export default memo(Button);

components/RUA/RUACodeSandbox.tsx

@@ -4,8 +4,8 @@ import { useTheme } from 'next-themes';
 import { memo, useEffect, useState } from 'react';
 import RUALoading from './loading/RUALoading';
 
-const partten =
+const pattern =
-  /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/;
+  /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&/=]*)/;
 export const commonClass = clsx(
   'rounded-lg h-[500px] border-0',
   'overflow-hidden w-full'
@@ -16,7 +16,7 @@ type Props = {
 };
 
 const RUACodeSandbox = ({ url }: Props) => {
-  const isUrl = partten.test(url);
+  const isUrl = pattern.test(url);
   const { systemTheme, theme } = useTheme();
   const currentTheme = theme === 'system' ? systemTheme : theme ?? 'light';
 
@@ -64,4 +64,4 @@ const RUACodeSandbox = ({ url }: Props) => {
   );
 };
 
-export default memo(RUACodeSandbox);
+export default memo(RUACodeSandbox);

components/RUA/RUACodepen.tsx

@@ -80,4 +80,4 @@ const RUACodepen = ({ defaultTab, url }: Props) => {
   );
 };
 
-export default memo(RUACodepen);
+export default memo(RUACodepen);

components/RUA/RUAPagination.tsx

@@ -59,4 +59,4 @@ const RUAPagination = ({
   );
 };
 
-export default memo(RUAPagination);
+export default memo(RUAPagination);

components/RUA/RUASandpack.tsx

@@ -20,4 +20,4 @@ const RUASandpack = ({ ...rest }: Props) => {
   );
 };
 
-export default memo(RUASandpack);
+export default memo(RUASandpack);

components/RUA/loading/PostCardLoading.tsx

@@ -26,4 +26,4 @@ const PostCardLoading = () => {
   );
 };
 
-export default memo(PostCardLoading);
+export default memo(PostCardLoading);

components/RUA/loading/RUALoading.tsx

@@ -34,4 +34,4 @@ const RUALoading = ({ className: classNames }: Props) => {
   );
 };
 
-export default memo(RUALoading);
+export default memo(RUALoading);

components/RUA/loading/VercelLoading.tsx

@@ -41,4 +41,4 @@ const VercelLoading = () => {
   );
 };
 
-export default memo(VercelLoading);
+export default memo(VercelLoading);

components/RUA/tab/TabItem.tsx

@@ -16,4 +16,4 @@ const TabItem = ({ showContent, children }: ItemProps) => {
   );
 };
 
-export default memo(TabItem);
+export default memo(TabItem);

components/RUA/tab/index.tsx

@@ -56,4 +56,4 @@ const Tab = ({ defaultValue, children }: Props) => {
   );
 };
 
-export default memo(Tab);
+export default memo(Tab);

components/common/BackToTop.tsx

@@ -47,4 +47,4 @@ const BackToTop = () => {
   );
 };
 
-export default memo(BackToTop);
+export default memo(BackToTop);

components/gists/FileContent.tsx

@@ -50,4 +50,4 @@ const FileContent = ({ gists }: Props) => {
   );
 };
 
-export default memo(FileContent);
+export default memo(FileContent);

components/gists/GistsCode.tsx

@@ -76,4 +76,4 @@ const GistsCode = ({ file, showFileName = false }: Props) => {
   );
 };
 
-export default memo(GistsCode);
+export default memo(GistsCode);

components/gists/UserInfo.tsx

@@ -80,4 +80,4 @@ const UserInfo = ({ user }: Props) => {
   );
 };
 
-export default memo(UserInfo);
+export default memo(UserInfo);

components/mdx/Anchor.tsx

@@ -36,4 +36,4 @@ const Anchor = forwardRef<HTMLAnchorElement, Props>(
 
 Anchor.displayName = 'Anchor';
 
-export default memo(Anchor);
+export default memo(Anchor);

components/mdx/Image.tsx

@@ -19,4 +19,4 @@ const Image = ({ alt, ...rest }: Props) => {
   );
 };
 
-export default memo(Image);
+export default memo(Image);

components/mdx/LinkAnchor.tsx

@@ -26,4 +26,4 @@ const Anchor = ({ children, external = true }: Props) => {
   );
 };
 
-export default memo(Anchor);
+export default memo(Anchor);

components/mdx/Pre.tsx

@@ -39,4 +39,4 @@ const Pre = ({ ...rest }: Props) => {
   );
 };
 
-export default memo(Pre);
+export default memo(Pre);

components/post/CopyButton.tsx

@@ -64,4 +64,4 @@ const CopyButton = ({ onCopy: onClick }: CopyButtonProps) => {
   );
 };
 
-export default memo(CopyButton);
+export default memo(CopyButton);

components/post/PostComment.tsx

@@ -24,4 +24,4 @@ const PostComment = () => {
   );
 };
 
-export default memo(PostComment);
+export default memo(PostComment);

components/post/PostCommnetLine.tsx

@@ -29,4 +29,4 @@ const PostCommnetLine = () => {
   );
 };
 
-export default memo(PostCommnetLine);
+export default memo(PostCommnetLine);

components/post/PostToc.tsx

@@ -77,4 +77,4 @@ const PostToc = ({ toc, tocLength }: Props) => {
   );
 };
 
-export default memo(PostToc);
+export default memo(PostToc);

layouts/MainLayout.tsx

@@ -19,4 +19,4 @@ const MainLayout = ({ children }: Props) => {
   );
 };
 
-export default MainLayout;
+export default MainLayout;

lib/utils/index.ts

@@ -117,4 +117,4 @@ export const debounce: Debounce = (fn, ms) => {
       fn.apply(this, args);
     }, ms);
   };
-};
+};

package.json

@@ -59,4 +59,4 @@
     "typescript": "4.9.3",
     "clsx": "^1.2.1"
   }
-}
+}

pages/_app.tsx

@@ -50,4 +50,4 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout) {
   );
 }
 
-export default MyApp;
+export default MyApp;

pages/about.tsx

@@ -204,4 +204,4 @@ About.getLayout = function getLayout(page) {
   return <MainLayout>{page}</MainLayout>;
 };
 
-export default About;
+export default About;

pages/blog/[page].tsx

@@ -86,4 +86,4 @@ BlogPage.getLayout = function getLayout(page: ReactElement) {
   return <MainLayout>{page}</MainLayout>;
 };
 
-export default BlogPage;
+export default BlogPage;

pages/blog/index.tsx

@@ -70,4 +70,4 @@ Blog.getLayout = function getLayout(page: ReactElement) {
   return <MainLayout>{page}</MainLayout>;
 };
 
-export default Blog;
+export default Blog;

pages/g/[id].tsx

@@ -114,4 +114,4 @@ Gist.getLayout = function getLayout(page: ReactElement) {
   return <MainLayout>{page}</MainLayout>;
 };
 
-export default Gist;
+export default Gist;

pages/gists/[p].tsx

@@ -115,4 +115,4 @@ Gists.getLayout = function getLayout(page: ReactElement) {
   return <MainLayout>{page}</MainLayout>;
 };
 
-export default Gists;
+export default Gists;

pages/gists/index.tsx

@@ -84,4 +84,4 @@ Gists.getLayout = function getLayout(page: ReactElement) {
   return <MainLayout>{page}</MainLayout>;
 };
 
-export default Gists;
+export default Gists;

pages/index.tsx

@@ -184,4 +184,4 @@ Home.getLayout = function getLayout(page) {
   return <MainLayout>{page}</MainLayout>;
 };
 
-export default Home;
+export default Home;

pages/p/[slug].tsx

@@ -99,4 +99,4 @@ Slug.getLayout = function getLayout(page: ReactElement) {
   return <MainLayout>{page}</MainLayout>;
 };
 
-export default Slug;
+export default Slug;

pages/projects.tsx

@@ -179,4 +179,4 @@ Projects.getLayout = function getLayout(page: ReactElement) {
   return <MainLayout>{page}</MainLayout>;
 };
 
-export default Projects;
+export default Projects;