Pocisti html vsebine pojma, js pkg apdejti

nuxt/components/Pojem.vue

@@ -1,5 +1,7 @@
 <script setup="setup">
 
+import { stripHtml } from 'string-strip-html'
+
 const { etherpadApiUrl, etherpadPrefix } = useRuntimeConfig().public
 
 const store = usePojmiStore()
@@ -17,10 +19,21 @@ const urejanje = ref(false)
 
 const urediPojem = async () => {
   // Ustvari pad s tekstom pojma, ce se ne obstaja
-  const resp = await $fetch(`${etherpadApiUrl}/createPad?padID=${etherpadPrefix + revisionId.value}&text=` + pojem.value.tekst)
+  const tekstPojma = stripHtml(pojem.value.tekst).result
+  const resp = await $fetch(`${etherpadApiUrl}/createPad?padID=${etherpadPrefix + revisionId.value}`, {
+    method: 'post',
+    body: {
+      text: tekstPojma
+    }
+  })
   urejanje.value = true
 }
 
+const brisiPojem = async () => {
+  const resp = await $fetch(`${etherpadApiUrl}/deletePad?padID=${etherpadPrefix + revisionId.value}`)
+  alert('pad izbrisan')
+}
+
 </script>
 
 <template>
@@ -28,8 +41,15 @@ const urediPojem = async () => {
     <h2>{{ pojem.naslov }}</h2>
     <div class="tekst" v-html="pojem.tekst" />
     <div class="gumb" @click="urediPojem">Uredi</div>
+    <div class="gumb" @click="brisiPojem">Briši (pad)</div>
     <div v-if="urejanje" class="pojem">
       <PojemForm :revisionId="revisionId" />
     </div>
   </section>
 </template>
+
+<style scoped>
+.gumb {
+  margin-right: 1rem;
+}
+</style>

nuxt/package.json

@@ -11,13 +11,14 @@
   "devDependencies": {
     "@nuxtjs/eslint-config": "^6.0.1",
     "@nuxtjs/eslint-module": "^3.0.2",
-    "@pinia/nuxt": "^0.4.7",
-    "nuxt": "^3.2.2"
+    "@pinia/nuxt": "^0.5.1",
+    "nuxt": "^3.8.2"
   },
   "dependencies": {
-    "druxt": "^0.21.0",
-    "jsonapi-serializer": "^3.6.7",
+    "druxt": "^0.24.0",
+    "jsonapi-serializer": "^3.6.9",
     "nuxt-proxy": "^0.4.1",
-    "pinia": "^2.0.32"
+    "pinia": "^2.1.7",
+    "string-strip-html": "^13.4.3"
   }
 }