Using vuex with he-tree-vue

[Jasperscheper]

I want to use vuex together with he-tree-vue.

We are now experiencing lots of vuex errors:
[vuex] do not mutate vuex store state outside mutation.

You made a function cloneTreeData for this purpose. However, you do not provide any examples as far as I know how to use it.
Can you show a example?

[phphe]

try this

<template>
  <Tree v-if="treeData" :value="treeData" @change="onchange"></Tree>
</template>
<script>
import 'he-tree-vue/dist/he-tree-vue.css'
import {Tree, cloneTreeData} from 'he-tree-vue'

export default {
  components: {Tree},
  data() {
    return {
      treeData: null
    }
  },
  created() {
    this.treeData = cloneTreeData(this.$store.state.treeData)
  },
  methods: {
    onchange() {
      this.$store.commit('updateTreeData', cloneTreeData(this.treeData))
    },
  }
}
</script>

[Jasperscheper]

Thanks!