Merge pull request #149 from relative-ci/update-repo-details

refactor: Extract Markdown component

src/components/markdown.jsx

@@ -0,0 +1,4 @@
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+
+export const Markdown = ({ source }) => <ReactMarkdown>{source}</ReactMarkdown>;

src/components/repo-details.jsx

@@ -1,13 +1,11 @@
 import React, { useEffect, useState } from 'react';
 import useSWR from 'swr';
-import { Alert, Divider, Spin, Typography } from 'antd';
-import ReactMarkdown from 'react-markdown';
+import { Alert, Divider, Spin } from 'antd';
 
 import { Repo } from './repo';
+import { Markdown } from './markdown';
 import { fetcher } from '../utils';
 
-const { Title } = Typography;
-
 const Meta = ({ owner, repo }) => {
   const { data, error } = useSWR(`/repos/${owner}/${repo}`, fetcher);
 
@@ -46,9 +44,7 @@ const ReadMe = ({ owner, repo }) => {
     return <Spin />;
   }
 
-  return (
-    <ReactMarkdown>{markdown}</ReactMarkdown>
-  );
+  return <Markdown source={markdown} />;
 }
 
 export const RepoDetails = (props) => {

vite.config.js

@@ -10,6 +10,11 @@ export default defineConfig((env) => ({
         assetFileNames: 'assets/[name].[hash][extname]',
         chunkFileNames: 'assets/[name].[hash].js',
         entryFileNames: 'assets/[name].[hash].js',
+        manualChunks(id) {
+          if (id.includes('react-markdown')) {
+            return 'react-markdown';
+          }
+        },
       },
     },
   },