setting :: write #8

apps/admin/package.json

@@ -3,11 +3,11 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@alimo/foundation": "workspace:*",
     "@alimo/components": "workspace:*",
+    "@alimo/foundation": "workspace:*",
     "@alimo/hooks": "workspace:*",
-    "@alimo/utils": "workspace:*",
     "@alimo/styles": "workspace:*",
+    "@alimo/utils": "workspace:*",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
@@ -44,5 +44,13 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7",
+    "babel-loader": "^9.1.3",
+    "ts-loader": "^9.5.1"
   }
 }

apps/admin/src/App.tsx

@@ -1,24 +1,12 @@
-import React from 'react';
-import logo from './logo.svg';
-import './App.css';
+import React from "react";
+// import logo from "./logo.svg";
+import "./App.css";
+import Write from "./components/write";
 
 function App() {
   return (
     <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.tsx</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
+      <Write />
     </div>
   );
 }

apps/admin/src/components/write/index.tsx

@@ -0,0 +1,14 @@
+import { Button } from "@alimo/components/ui/Button/Button";
+import React from "react";
+
+const Write = () => {
+  return (
+    <div>
+      <Button disabled={false} onclick={() => {}} buttonSize="cta">
+        adsf
+      </Button>
+    </div>
+  );
+};
+
+export default Write;