manifest/nuxt/components/DodajPojem.vue

27 lines
594 B
Vue

<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>