From afe0878f6d78f6586a873d9b5f882a8c9b5388fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jurij=20Podgor=C5=A1ek?= <jurij@kompot.si>
Date: Wed, 17 Jan 2024 20:37:09 +0100
Subject: [PATCH] Nekaj popravkov, pedenanje dodajanja novega pojma

---
 nuxt/components/DodajPojem.vue |  4 +++-
 nuxt/components/Pojem.vue      |  3 +--
 nuxt/pages/pojmi.vue           | 15 ++++++++++++---
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/nuxt/components/DodajPojem.vue b/nuxt/components/DodajPojem.vue
index 049939c..f964720 100644
--- a/nuxt/components/DodajPojem.vue
+++ b/nuxt/components/DodajPojem.vue
@@ -21,6 +21,8 @@ const dodajPojem = async () => {
     <div class="gumb" @click="dodajPojem()">
       Dodaj pojem
     </div>
-    <PojemForm v-if="prikazi" :revisionId="revisionId" />
+    <section class="pojem" v-if="prikazi">
+      <PojemForm :pojem="{}" :revisionId="revisionId" />
+    </section>
   </div>
 </template>
diff --git a/nuxt/components/Pojem.vue b/nuxt/components/Pojem.vue
index 828ac4c..703743d 100644
--- a/nuxt/components/Pojem.vue
+++ b/nuxt/components/Pojem.vue
@@ -12,7 +12,6 @@ const props = defineProps({
 
 const pojem = computed(() => store.pojmi[props.naslov])
 const revisionId = computed(() => pojem.value.id)
-const pojemId = computed(() => 'pojem-' + revisionId.value)
 
 await store.naloziPojme()
 
@@ -41,7 +40,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <section class="pojem" :key="pojemId" ref="container">
+  <section class="pojem" ref="container">
     <div>
       <h2>{{ pojem.naslov }}</h2>
       <div class="tekst" v-html="pojem.tekst" />
diff --git a/nuxt/pages/pojmi.vue b/nuxt/pages/pojmi.vue
index 1145f2e..d4cf9b5 100644
--- a/nuxt/pages/pojmi.vue
+++ b/nuxt/pages/pojmi.vue
@@ -6,11 +6,20 @@ await store.naloziPojme()
 
 <template>
   <DodajPojem />
-  <!-- 
+  <!--
     <Pojem naslov="Yugofuturist manifesto" />
     <Pojem naslov="Jadran potem" />
     <Pojem naslov="JUGA 2023" />
   -->
-  <Pojem v-for="pojem in Object.keys(store.pojmi)" :naslov="pojem" />
-  
+  <Pojem
+    v-for="pojem in Object.keys(store.pojmi)"
+    :naslov="pojem"
+    :key="store.pojmi[pojem].id" />
+
 </template>
+
+<style scoped>
+  DodajPojem {
+    float: right
+  }
+</style>