chore

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "md-editor",
 	"private": true,
-	"version": "0.0.0",
+	"version": "0.0.1",
 	"type": "module",
 	"scripts": {
 		"dev": "vite",
@@ -36,8 +36,8 @@
 		"postcss": "^8.5.3",
 		"tailwind-merge": "^3.0.2",
 		"tailwindcss": "^4.0.8",
-		"typescript": "^4.9.5",
-		"vite": "^4.5.9",
+		"typescript": "^5.7.3",
+		"vite": "^6.1.1",
 		"vite-tsconfig-paths": "^5.1.4",
 		"vitest": "^3.0.6"
 	}

src/App.tsx

@@ -1,8 +1,6 @@
-import "github-markdown-css/github-markdown-dark.css";
 import { useDragComponents } from "./features/drag-and-drop/ui/index.js";
 import { Frame } from "./layouts/Frame/index.js";
 import { MainContent } from "./layouts/MainContent/index.js";
-import style from "./index.module.css";
 import { Section } from "./layouts/Section/index.js";
 import { Spacer } from "./components/atoms/Spacer/index.js";
 import { PreviewSection } from "./components/features/previewSection/index.js";
@@ -21,21 +19,21 @@ export const App = () => {
 	return (
 		<>
 			<TopAnchor />
-			<div className={style.root}>
+			<div>
 				<Frame>
 					<Spacer size={24} />
 					<SubContent>
 						<SelectSeparateLevel />
 					</SubContent>
 					<MainContent>
 						<Section>
-							<h2 className={style.sectionTitle}>Edit</h2>
+							<h2>Edit</h2>
 							<DragAndDropArea />
 							<Spacer size={24} />
 							{contents.length > 0 && <BottomAddSection />}
 						</Section>
 						<Section>
-							<h2 className={style.sectionTitle}>Preview</h2>
+							<h2>Preview</h2>
 							<PreviewSection contents={contents} />
 							<Spacer size={16} />
 						</Section>

src/main.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import { App } from "./App";
 import { MarkdownProvider } from "@/context/MarkdownContext";
+import "./index.css";
 
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
 	<React.StrictMode>

vite.config.ts

@@ -7,11 +7,10 @@ import tsconfigPaths from "vite-tsconfig-paths";
 // https://vitejs.dev/config/
 export default defineConfig({
 	plugins: [react(), tailwindcss(), tsconfigPaths()],
-	assetsInclude: ["**/*.md"],
 	base: "/md-editor/",
 	resolve: {
 		alias: {
-			"~": path.resolve(__dirname, "src"),
+			"@": path.resolve(__dirname, "src"),
 		},
 	},
 });