Vue Kanban

EnhancedKanbanBoard / KanbanFasiBoard           ← Componenti UI (smart)
        ↓
useBoardService(boardId, { dataSource? })       ← Composables Vue
        ↓
KanbanDataSource (interface)                    ← Strategy pattern
        ↓
PostgRESTDataSource (default)                   ← Implementazione di default
        ↓
PostgRESTClient                                 ← Backend (qualsiasi REST/GraphQL/mock via custom)

interface NormalizedItem {
  id: string | number
  columnId: string | number
  title: string
  description?: string | null
  priority?: { name: string; color?: string }
  tags: Array<{ id: string | number; name: string; color?: string }>
  assignee?: { id?: string | number; name: string }
  dueDate?: string | Date | null
  number?: string | number
  commentCount: number
  activities: Array<Record<string, unknown>>
  attachments: Array<Record<string, unknown>>
  raw: Record<string, unknown>  // item originale del backend
}

// main.ts
import { createApp } from 'vue'
import { initializePostgRESTClient } from '@pzeta/vue-kanban'
import App from './App.vue'

const app = createApp(App)
await initializePostgRESTClient()
app.mount('#app')

<script setup lang="ts">
import { EnhancedKanbanBoard, getIdUtenteFromJwt } from '@pzeta/vue-kanban'
import {
  DefaultFormDialog,
  DefaultTagDialog,
  DefaultCommentDialog,
  DefaultAttachmentDialog,
  DefaultActivityDialog,
} from '@pzeta/vue-kanban/dialogs'

const getToken = () => sessionStorage.getItem('jwt')
const getCurrentUserId = () => getIdUtenteFromJwt()
</script>

<template>
  <EnhancedKanbanBoard
    board-id-or-code="TICKET"
    :get-token="getToken"
    :get-current-user-id="getCurrentUserId"
  >
    <template #dialog-form="p"><DefaultFormDialog v-bind="p" /></template>
    <template #dialog-attachment="p"><DefaultAttachmentDialog v-bind="p" /></template>
    <template #dialog-tag="p"><DefaultTagDialog v-bind="p" /></template>
    <template #dialog-activity="p"><DefaultActivityDialog v-bind="p" :get-token="getToken" /></template>
    <template #dialog-comment="p"><DefaultCommentDialog v-bind="p" /></template>
  </EnhancedKanbanBoard>
</template>