Dateien nach "frontend/src" hochladen

frontend/src/App.vue

@@ -0,0 +1,60 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import LanguageSelect from './components/LanguageSelect.vue'
+import SymptomSelector from './components/SymptomSelector.vue'
+import PainSlider from './components/PainSlider.vue'
+
+const language = ref('de')
+const chiefComplaint = ref<string | null>(null)
+const pain = ref(0)
+
+function startSession() {
+  console.log('Start session', { language: language.value, chiefComplaint: chiefComplaint.value, pain: pain.value })
+  // TODO: POST an Backend /sessions
+}
+</script>
+
+<template>
+  <main class="app">
+    <h1>Triage-Fragen</h1>
+
+    <section>
+      <LanguageSelect v-model="language" />
+    </section>
+
+    <section v-if="language">
+      <SymptomSelector v-model="chiefComplaint" />
+    </section>
+
+    <section v-if="chiefComplaint">
+      <PainSlider v-model="pain" />
+    </section>
+
+    <section v-if="chiefComplaint">
+      <button class="primary" @click="startSession">Weiter</button>
+    </section>
+  </main>
+</template>
+
+<style scoped>
+.app {
+  max-width: 480px;
+  margin: 0 auto;
+  padding: 1rem;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+}
+
+h1 {
+  text-align: center;
+}
+
+section {
+  margin-top: 1.5rem;
+}
+
+button.primary {
+  width: 100%;
+  padding: 1rem;
+  font-size: 1.1rem;
+}
+</style>

frontend/src/main.ts

@@ -0,0 +1,4 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')