HydrographApp.vue

<template>
  <div>
    <CursorSlider />
    <GraphBrush />
    <div class="ts-legend-controls-container">
      <HydrographLegend
        :graph-type="'IV'"
      />
      <div class="graph-controls-container">
        <GraphControls />
      </div>
    </div>
  </div>
</template>

<script>
import GraphBrush from './vue-components/graph-brush.vue';
import CursorSlider from './vue-components/cursor-slider.vue';
import HydrographLegend from './vue-components/legend.vue';
import GraphControls from './vue-components/graph-controls.vue';
export default {
  name: 'HydrographApp',
  components: {
    GraphBrush,
    CursorSlider,
    HydrographLegend,
    GraphControls
  }
};
</script>