initial_commit

2026-06-01 20:16:53 +09:00
commit 903d34761c
31 changed files with 1123 additions and 0 deletions
@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import SessionList from './components/SessionList.vue'
+import ChatWindow from './components/ChatWindow.vue'
+import MessageInput from './components/MessageInput.vue'
+import ModelSelector from './components/ModelSelector.vue'
+</script>
+
+<template>
+  <div class="app">
+    <SessionList />
+    <div class="main">
+      <header>
+        <span class="title">PlayChat</span>
+        <ModelSelector />
+      </header>
+      <ChatWindow />
+      <MessageInput />
+    </div>
+  </div>
+</template>
+
+<style>
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+html, body, #app { height: 100%; }
+body { background: #111; color: #eee; font-family: system-ui, sans-serif; }
+</style>
+
+<style scoped>
+.app {
+  display: flex;
+  height: 100vh;
+}
+.main {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+  height: 48px;
+  border-bottom: 1px solid #333;
+  background: #1a1a1a;
+}
+.title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #fff;
+}
+</style>