title: Filter array of a computed property using a method in Vue.js
body: <p>I hope this is not a stupid question. I have a computed property that lists <strong>ALL</strong> courses. When the user clicks a button calling a method called courseFilters() I would like to filter the computed property to <strong>only</strong> show Courses that are not archived.</p>
  <p>Here is my computed property:</p>
  <pre><code>filterCourses() {
              const getUser = this.$store.getters['UserData/getUser']
              
              return this.courses.filter((item) =&gt; {
                  if(this.checkAuthorization(['leader'])) {
                      return item.createdBy === getUser.uid
                  } else {
                      return item
                  }
              })
          }
  </code></pre>
  <p>Here is my Method:</p>
  <pre><code>courseFilters(which) {
          if(which == 'hide-archived') {
              this.filterCourses.filter((item) =&gt; {
                  if(!item.archive) {
                      return item
                  }
              })
          }
          if(which == 'clear') {
              this.getCourses(this.$store.getters['AppData/cid'])
          }
      }
  </code></pre>
  <p>Currently when I click the button nothing changes to the computed property.</p>