js-tutorial-step-12

// src/components/Front.vue
 
<script setup>
import router from "../router";
 
...
const templateName = ref("")
 
async function submitTemplate() {
	await fetch(`http://localhost:3030/templates/create?logoText=${logoText.value}&templateName=${templateName.value}&backgroundImage=${imgSrc.value}&description=${headerText.value}`, { method: "POST" })
	router.push("/list")
}
</script>
 
<template>
...
<div>
	<h2>Finished with your postcard design?</h2>
	<div class="form-field">
		<label for="templateName">Give it a name</label>
		<input id="templateName" v-model="templateName" />
	</div>
	<button @click="submitTemplate()">Upload template</button>
</div>
</template>