CSV to JSON Converter for Vue.js Developers

<script setup lang="ts">
import { ref } from 'vue'

const csvText = ref('')
const rows = ref<Record<string, string>[]>([])

function parse() {
  const lines = csvText.value.trim().split('\n')
  const headers = lines[0].split(',').map(h => h.trim())
  rows.value = lines.slice(1).map(line => {
    const values = line.split(',')
    return Object.fromEntries(headers.map((h, i) => [h, values[i]?.trim() ?? '']))
  })
}
</script>

<template>
  <textarea v-model="csvText" placeholder="Paste CSV here..." />
  <button @click="parse">Convert</button>
  <pre>{{ JSON.stringify(rows, null, 2) }}</pre>
</template>