3 files changed, 21 insertions, 2 deletions
diff --git a/src/components/Apps.tsx b/src/components/Apps.tsx
index e4dea26..7ecb58a 100644
--- a/src/components/Apps.tsx
+++ b/src/components/Apps.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect } from "react";
+//import { useState, useEffect } from "react";
 //import { Link } from "react-router-dom";
 //import GameCard from "./GameCard";
 //import Button from "./Button";
diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index 83992f2..406700e 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { ReactComponent as HomeMD } from '../md/main.md';
 
 export default function Home () {
diff --git a/src/vite.d.ts b/src/vite.d.ts
new file mode 100644
index 0000000..f522c76
--- /dev/null
+++ b/src/vite.d.ts
@@ -0,0 +1,20 @@
+declare module '*.md' {
+  // "unknown" would be more detailed depends on how you structure frontmatter
+  const attributes: Record<string, unknown>; 
+
+  // When "Mode.TOC" is requested
+  const toc: { level: string, content: string }[];
+
+  // When "Mode.HTML" is requested
+  const html: string;
+
+  // When "Mode.RAW" is requested
+  const raw: string;
+
+  // When "Mode.React" is requested. VFC could take a generic like React.VFC<{ MyComponent: TypeOfMyComponent }>
+  import React from 'react';
+  const ReactComponent: React.VFC;
+  
+  // Modify below per your usage
+  export { attributes, toc, html, ReactComponent};
+}