<script>
import Prism from './Prism.svelte'
import generate from './generator'
let name = 'posts'
let fields = [
{ name: 'title', type: 'string', nullable: false, localizable: true },
{ name: 'permalink', type: 'string', nullable: false },
{ name: 'body', type: 'text', nullable: false, localizable: true },
{ name: 'tags', type: 'string', array: true}
]
function remove(field) {
if (!confirm("Are you sure?")) return
fields = fields.filter(f => f !== field)
}
function add() {
fields = [...fields, {name: '', type: 'string'}]
}
$: sql = generate({name, fields})
</script>
<h1>Supabase CMS generator w/ localizations</h1>
<label class="title">
Table<br/>
<input bind:value={name}/>
</label>
<h2>Fields</h2>
<table>
<thead>
<tr>