Vuetify slider component issue

slider-dirty-fix.vue

<template>
  <v-slider
    v-model.number="selectedScore"
    min=0
    max=100
  >
  </v-slider>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'

@Component()
export default class IdeaPairRating extends Vue {
  selectedScore = 50
  
  get tickLabels (): Array<string> {
    const tickLabels = Array<string>(100)
    tickLabels[0] = '|'
    tickLabels[25] = '|'
    tickLabels[50] = '|'
    tickLabels[75] = '|'
    tickLabels[100] = '|'

    return tickLabels
  }
}
</script>

slider1.vue

<template>
  <v-slider
    v-model.number="selectedScore"
    min=0
    max=100
    :tick-labels="tickLabels"
    ticks=false
  >
    <template slot="message">
      Hello World
    </template>
  </v-slider>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'

@Component()
export default class IdeaPairRating extends Vue {
  selectedScore = 50
}
</script>