<template>
  <CellDLViewer
    :annotations="annotations"
    :celldlData="celldlData"
    @error="onError"
    @event="onEvent"
  />
</template>

<script>
/* eslint-disable no-alert, no-console */
import './cellDLViewer.css';
import CellDLViewer from '@celldl/viewer';
import ContentMixin from "../../mixins/ContentMixin";

export default {
  name: "CellDLView",
  mixins: [ ContentMixin ],
  components: {
    CellDLViewer,
  },
  data: function() {
    return {
      annotations: {},
      celldlData: '',
    }
  },
  methods: {
    onError: function() {
      console.log(msg);
    },
    onEvent: function() {
      console.log(detail);
    }
  }
};
</script>
