manifest/nuxt/components/PojemForm.vue

<script setup="setup">
const store = usePojmiStore()

const props = defineProps({
  naslov: String
})

//const pojem = computed(() => store.pojmi[props.naslov])

//await store.naloziPojme()

// const UREJAM = !!pojem.value
const UREJAM = false

let naslov = ''
let tekst = ''
let email = ''

const oddajPredlog = data => {
  console.log('oddajam predlog!', naslov, tekst, email)
  store.ustvariPojem(data)
}

</script>

<template>
  <section class="pojem">
    <div v-if="UREJAM">UREJAM</div>
    <form class="pojem" @submit.prevent="oddajPredlog">
      <label for="naslov">Naslov</label>
      <input name="naslov" type="text" v-model="naslov">

      <label for="tekst">Besedilo</label>
      <EtherpadTextarea />

      <label for="email">E-poštni naslov</label>
      <input name="email" type="email" v-model="email">

      <input type="submit" value="Predlagaj">
    </form>
  </section>
</template>