Converting paths

src/components/github/loc.tsx

@@ -0,0 +1,36 @@
+import { Language } from './loc_language';
+
+export type Props = {
+  loc: LinesOfCode[] | null;
+};
+
+export const LOC = ({ loc }: Props) => {
+  if (!loc) {
+    return null;
+  }
+
+  const overallTotal = loc.reduce((acc, item) => acc + item.totalLines, 0);
+
+  const items = loc
+    .filter((item) => (item.totalLines / overallTotal) * 100 > 1)
+    .map((loc) => <Language {...{ loc, overallTotal }} />);
+
+  const otherTotal = loc
+    .filter((item) => (item.totalLines / overallTotal) * 100 <= 1)
+    .reduce((acc, item) => acc + item.totalLines, 0);
+
+  if (otherTotal > 0) {
+    items.push(
+      <Language
+        loc={{ languageName: 'Other', totalLines: otherTotal, byProject: {} }}
+        overallTotal={overallTotal}
+      />,
+    );
+  }
+
+  if (items.length > 0) {
+    return <>{items}</>;
+  }
+
+  return null;
+};

src/components/github/stats.tsx

@@ -0,0 +1,17 @@
+import { loc, user } from '@/content/github.json';
+
+import { LOC } from './loc';
+import { Numbers } from './numbers';
+
+export const GithubStats = () => (
+  <>
+    <Numbers
+      {...user}
+      {...{
+        gists: user.public_gists,
+        repos: user.public_repos,
+      }}
+    />
+    <LOC loc={loc} />
+  </>
+);

tsconfig.json

@@ -24,7 +24,7 @@
     "baseUrl": ".",
     "paths": {
       "@/*": [
-        "src/*"
+        "./src/*"
       ]
     }
   },

vite.config.ts

@@ -44,7 +44,7 @@ export default defineConfig({
   ],
   resolve: {
     alias: {
-      '@': resolve(__dirname, './src'),
+      '@/': `${resolve('src')}/`,
     },
   },
 });