script.js

new Vue({
  el: "#app",

  data: function () {
    return {
      filter: "",
      sort: "",
      options: [
      { label: "Recently Added", value: "none" },
      { label: "Most Followers", value: "followers_count" }],
      teachers: [] };

  },
  
  created() {
    axios.
    get("http://192.168.1.150:8080/twitterteachers/teachers").

    then(({ data }) => {
      this.teachers = data;
    });
  },
  
  computed: {
    getTeachers() {
      var teachers = this.teachers.filter(teacher => {
        return teacher.name.toLowerCase().includes(this.filter.toLowerCase());
      });

      if (this.sort == "followers_count") {
        return teachers.sort(function (a, b) {
          return b.followers_count - a.followers_count;
        });
      } else {
        return teachers;
      }
    } } });