Add MUI

choffmann · Jan 2, 2024 · 0843abd · 0843abd
1 parent aed0865
commit 0843abd
Show file tree

Hide file tree

Showing 3 changed files with 337 additions and 8 deletions.
diff --git a/gameboy-web/package.json b/gameboy-web/package.json
@@ -12,8 +12,13 @@
     "rsw": "rsw"
   },
   "dependencies": {
+    "@fontsource/roboto": "^5.0.8",
+    "@mui/icons-material": "^5.15.2",
+    "@mui/material": "^5.15.2",
+    "@mui/styled-engine-sc": "^6.0.0-alpha.10",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "styled-components": "^6.1.6"
   },
   "devDependencies": {
     "@types/node": "^20.10.6",
@@ -22,12 +27,12 @@
     "@typescript-eslint/eslint-plugin": "^6.14.0",
     "@typescript-eslint/parser": "^6.14.0",
     "@vitejs/plugin-react": "^4.2.1",
+    "concurrently": "^8.2.2",
     "eslint": "^8.55.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
     "typescript": "^5.2.2",
     "vite": "^5.0.10",
-    "vite-plugin-rsw": "^2.0.11",
-    "concurrently": "^8.2.2"
+    "vite-plugin-rsw": "^2.0.11"
   }
 }
diff --git a/gameboy-web/src/main.tsx b/gameboy-web/src/main.tsx
@@ -1,6 +1,10 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App.tsx'
+import '@fontsource/roboto/300.css';
+import '@fontsource/roboto/400.css';
+import '@fontsource/roboto/500.css';
+import '@fontsource/roboto/700.css';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>