Danila

Как вариант можешь импортировать нужный файл со стилями

<template>
  <a href="/" :class="$style.appLogo"> <AppLogo /> </a>
   <span :class="$global.btnText">Войти</span>
</template>

<style module lang="scss">
.app {
  &Logo {
    color: $fontColor;
  }
}
</style>

<style lang="scss" module="$global" src="@/assets/styles/desktop/button.scss" />

классы файла button.scss будут доступны в объекте $global (можешь поставить своё название)

во-первых, шаблон устарел и рекомендуется использовать vue-cli
это написано в репозитории

Vue-cli 3 is here, so this template is now considered deprecated.

во-вторых, у шаблона есть документация где всё описано

почему ты решил что первый элемент будет минимальным?
var minEl = rates[0].value;
тут скорей нужен метод sort нежели filter

var br = rates.filter(function(elem){
     return elem.value <= minEl;
});

аналогично первому вопросу, ты отфильтровал массив по значению первого элемента, это не значит что первый элемент нового массива будет минимальным.
this.ValueMin = br[0].value;
если данных будет более 100, то лучше фильтрацию и сортировку сделать за один проход по массиву

var rates = response.reduce(function (acc, elem) {
    if (elem.id === va) {
      if (!acc) {
        return elem.value;
      }
      
      return elem.value < acc ? elem.value : acc;
    }

    return acc;
}, 0);

подправил код