<template>
  <div>
    <h2>Text to Markdown Converter</h2>
    <!-- Add your converter UI here -->
    <textarea v-model="input" placeholder="Enter text here"></textarea>
    <div>
      <h3>Markdown Output:</h3>
      <pre>{{ output }}</pre>
    </div>
  </div>
</template>

<script setup>
import { ref, computed } from 'vue'

const input = ref('')
const output = computed(() => {
  // For now, just echo input. Replace with real conversion logic later.
  return input.value
})
</script>

<style scoped>
textarea {
  width: 100%;
  min-height: 100px;
  margin-bottom: 1em;
}
pre {
  background: #f4f4f4;
  padding: 1em;
}
</style> 