<template>
  <div v-if="measure.config.isVisible" v-bind:key="measure.slug" class="measure-summary" :data-name="'measure-' + measure.slug">
    <h2><router-link
        :to="'/measures/' + measure.slug">
        {{measure.name}}</router-link></h2>
    <SimpleSummaryGraph v-if="measure.config.type === 'simple'"
      :measure=measure :measurements=measurements />
    <ListSummary v-if="measure.config.type === 'list'"
      :measure=measure :measurements=measurements />
  </div>
</template>
<script lang="ts" src="./measure-summary.ts"></script>
<style lang="scss" src="./measure-summary.scss"></style>
