vue-drag-and-flow

A beautiful flowchart maker, made with vuejs towards status machine and process automation. Have fun :D.

Demo

Using

yarn add vue-drag-and-flow

npm install vue-drag-and-flow -s

Code

import Vue from "vue"

import { library, config } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon, FontAwesomeLayers, FontAwesomeLayersText } from '@fortawesome/vue-fontawesome'
import { fas } from '@fortawesome/free-solid-svg-icons'
import { fab } from '@fortawesome/free-brands-svg-icons'

Vue.component('font-awesome-icon', FontAwesomeIcon)
Vue.component('font-awesome-layers', FontAwesomeLayers)
Vue.component('font-awesome-layers-text', FontAwesomeLayersText)

config.autoAddCss = false
library.add(fas)
library.add(fab)

<template>
  <div style=" display: flex;">
  </div>
</template>

<script>
import { DragArea, NodeClone } from 'vue-drag-and-flow'

export default {
  components: {
    DragArea,
    NodeClone
  },
  data () {
    return {
      objects: []
    }
  }
}
</script>