probability_component.vue

<template>
  <div :class="getClasses">
    Another component, another test, random probability
  </div>
</template>

<script>
  export default {
    props: {
      classModifiers: {
        type: Array,
        default: () => ['large']
      }
    },
    computed: {
      baseProbability () {
        if (this.classModifiers.includes('large')) {
          return .8
        }
        
        return .5
      },
      getClasses () {
        return this.classModifiers.map(function (class) {
          return `probability--${modifier}`
        })
      }
    },
    methods: {
      calcProbability (probMultiplier) {
        return this.baseProbability * probMultiplier
      }
    }
  }
</script>