1#@!#!123s

��JFIF�� 1#@!#!123s

: / var / www / html / projects / familytree_ / familytree / elements /

Filename : ReactiveVue.js

back

import Reactive from "./Reactive.js"

export default function ReactiveVue(selector) {
  return Reactive(selector, getComponent)

  function getComponent(create_tree_js) {
    return (`
<template>
  <div id="FamilyChart" class="f3"></div>
</template>

<script>
import f3 from "family-chart";  // npm i family-chart
import './family-chart.css';  // create file 'family-chart.css' in same directory, copy/paste css from examples/create-tree
      
export default {
  name: "FamilyChart",
  mounted() {
    ${create_tree_js}
  },
};
</script>
<style></style>
    `)
  }
}