feat: initialize gateway frontend with Vue 3, Vite, and Tailwind CSS

- Set up pnpm workspace with necessary dependencies including esbuild and vue-demi. - Create initial HTML structure for the frontend application. - Implement main App component with Vue Router integration. - Add global styles using Tailwind CSS and custom theme variables. - Define TypeScript environment for Vue components. - Create a default layout component for consistent page structure. - Set up Vue Router with a home view route. - Implement authentication store using Pinia for user management. - Create utility for tRPC client setup. - Develop HomeView component with login functionality and server status placeholder. - Configure TypeScript for Node with composite and strict options. - Set up Vite configuration for Vue and Tailwind CSS integration.
2026-01-03 10:15:40 +00:00
parent 395d937fd5
commit 821e18cb53
17 changed files with 1111 additions and 44 deletions
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>삼국지 모의전투 HiDCHe - Gateway</title>
+  </head>
+  <body class="bg-black text-white">
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>