Почему не работает код, Vue.js?

Я только начал разбираться во Vue.js, поэтому не судите строго. Возникла такая проблема: не работает метод pickFont. Вот JS:

var constructorSection = new Vue({
  el: '.constructorSection',
  data: {
    sign: '',
    signStyle: {
      fontFamily: 'Montserrat, sans-serif'
    },
    FPisActive: false,
    currentFont: 'Выберите шрифт надписи'
  },
  methods: {
    pickFont: function (font) {
      fontFamily: font,
      currentFont = font,
      FPisActive = false
    }
  }
})

Вот HTML:

<input type="text" class="signInput" placeholder="Введите вашу надпись" v-model="sign">

<h4>Шрифт</h4>
<div class="fontPicker" id="fontPicker" v-bind:class="{ opened: FPisActive }" v-on:click="FPisActive = true">
    <div class="FP-Placeholder" id="FP-Placeholder" v-bind:class="{ opened: FPisActive }">
        {{ currentFont }}
        <img src="img/expandArrow.svg" alt="" style="float: right; margin-right: 15px;">
    </div>
    <div class="FP-Item" id="FP-1" v-bind:class="{ opened: FPisActive }" v-on:click="pickFont('Academia')">Academia</div>
</div>

Работает все, кроме метода. Точнее он работает частично — если я допишу в конце alert(Что-то), то оповещение он выдаст, пропустив все, что было до этого.
Как это исправить? Заранее спасибо!