feat(#9): Nuxt 4 migration

legalconsenthub/app/composables/comment/useCommentApi.ts

@@ -0,0 +1,47 @@
+import { CommentApi, Configuration, type CommentDto, type CreateCommentDto, type PagedCommentDto } from '~~/.api-client'
+import { cleanDoubleSlashes, withoutTrailingSlash } from 'ufo'
+import { wrappedFetchWrap } from '~/utils/wrappedFetch'
+
+export function useCommentApi() {
+  const appBaseUrl = useRuntimeConfig().app.baseURL
+  const { serverApiBasePath, clientProxyBasePath } = useRuntimeConfig().public
+
+  const basePath = withoutTrailingSlash(
+    cleanDoubleSlashes(
+      import.meta.client
+        ? appBaseUrl + clientProxyBasePath
+        : useRequestURL().origin + clientProxyBasePath + serverApiBasePath
+    )
+  )
+
+  const commentApiClient = new CommentApi(
+    new Configuration({ basePath, fetchApi: wrappedFetchWrap(useRequestFetch()) })
+  )
+
+  async function createComment(
+    applicationFormId: string,
+    formElementId: string,
+    createCommentDto: CreateCommentDto
+  ): Promise<CommentDto> {
+    return commentApiClient.createComment({ applicationFormId, formElementId, createCommentDto })
+  }
+
+  async function getCommentsByApplicationFormId(applicationFormId: string): Promise<PagedCommentDto> {
+    return commentApiClient.getCommentsByApplicationFormId({ applicationFormId })
+  }
+
+  async function updateComment(id: string, commentDto: CommentDto): Promise<CommentDto> {
+    return commentApiClient.updateComment({ id, commentDto })
+  }
+
+  async function deleteCommentById(id: string): Promise<void> {
+    return commentApiClient.deleteComment({ id })
+  }
+
+  return {
+    createComment,
+    getCommentsByApplicationFormId,
+    updateComment,
+    deleteCommentById
+  }
+}

legalconsenthub/app/composables/comment/useCommentTextarea.ts

@@ -0,0 +1,69 @@
+import type { CreateCommentDto, CommentDto } from '~~/.api-client'
+import { useCommentStore } from '~~/stores/useCommentStore'
+import { useUserStore } from '~~/stores/useUserStore'
+
+export function useCommentTextarea(applicationFormId: string) {
+  const commentStore = useCommentStore()
+  const { createComment, updateComment } = commentStore
+  const userStore = useUserStore()
+  const { user } = storeToRefs(userStore)
+  const isEditingComment = ref(false)
+  const currentEditedComment = ref<CommentDto | null>(null)
+  const commentTextAreaValue = ref('')
+  const toast = useToast()
+
+  async function submitComment(formElementId: string) {
+    const newCommentDto: CreateCommentDto = {
+      message: commentTextAreaValue.value
+    }
+    try {
+      await createComment(applicationFormId, formElementId, newCommentDto)
+      commentTextAreaValue.value = ''
+      toast.add({ title: 'Comment created successfully', color: 'success' })
+    } catch (e) {
+      toast.add({ title: 'Error creating comment', color: 'error' })
+      console.error('Error creating comment:', e)
+    }
+  }
+
+  async function updateEditComment() {
+    if (!currentEditedComment.value) return
+    const updatedComment: CommentDto = { ...currentEditedComment.value, message: commentTextAreaValue.value }
+    try {
+      await updateComment(currentEditedComment.value.id, updatedComment)
+      commentTextAreaValue.value = ''
+      currentEditedComment.value = null
+      isEditingComment.value = false
+      toast.add({ title: 'Comment updated successfully', color: 'success' })
+    } catch (e) {
+      toast.add({ title: 'Error updating comment', color: 'error' })
+      console.error('Error updating comment:', e)
+    }
+  }
+
+  function editComment(comment: CommentDto) {
+    isEditingComment.value = true
+    currentEditedComment.value = comment
+    commentTextAreaValue.value = comment.message || ''
+  }
+
+  function cancelEditComment() {
+    isEditingComment.value = false
+    currentEditedComment.value = null
+    commentTextAreaValue.value = ''
+  }
+
+  function isCommentByUser(comment: CommentDto) {
+    return comment.createdBy.keycloakId === user.value?.keycloakId
+  }
+
+  return {
+    commentTextAreaValue,
+    submitComment,
+    updateEditComment,
+    editComment,
+    cancelEditComment,
+    isEditingComment,
+    isCommentByUser
+  }
+}