Vue 3 + JointJs Boxarray Component

You can run this project after clone with this command

$npm install

$npm run dev

If you use Boxarray component in a project please install jointjs and jquery

$npm install jointjs

$npm install jquery

Then you can use BoxArray.vue component

For example in App.vue

<script setup>
import BoxArray from './components/BoxArray.vue'
</script>

<template>
  <BoxArray :array="array" />
</template>
<script>
  export default {
    data: () => ({
      array:{
        rightArray:[{id1: "boxD"}, {id2: "boxE"},{id1: "boxF"},{id2: "boxG"}],
        leftArray:[{id1: "boxA"}, {id2: "boxB"},{id2: "boxC"}]        
      }
    })
  }
</script>

GitHub

View Github