<script setup="setup">

const { etherpadApiUrl, etherpadPrefix } = useRuntimeConfig().public

const prikazi = ref(false)
const revisionId = ref(null)

const dodajPojem = async () => {
  revisionId.value = crypto.randomUUID()

  // Ustvari nov, prazen pad
  const padId = etherpadPrefix + revisionId.value
  const resp = await $fetch(`${etherpadApiUrl}/createPad?padID=${padId}&text=`)
  prikazi.value = true
}

</script>

<template>
  <div>
    <div class="gumb" @click="dodajPojem()">
      Dodaj pojem
    </div>
    <PojemForm v-if="prikazi" :revisionId="revisionId" />
  </div>
</template>
