simulargecomponent

<script>
import ColorScale from 'simulargecomponent'

export default {
  components: {
    ColorScale
  }
}
</script>

<template>
  <div>
    <ColorScale
      :appNumberOfColors="numberOfColors"
      :appPaletteChoice="paletteChoice"
      :appMaxValue="maxValue"
      :appMinValue="minValue"
      :appTitle="TitleOfScale"
      :appHorizontal="horizontal"
      :key="TitleOfScale"
      @focusSceneArea="focusSceneArea"
      @focusMinValue="focusMinValue"
      @focusMaxValue="focusMaxValue"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
    	numberOfColors: ...,
    	paletteChoice: ...,
    	maxValue: ...,
    	minValue: ...,
    	title: ...,
    	horizontal: ...,
    }
  }
}
</script>