index.vue

export default { 
  data() {
		return {
			filteredCourses: []
		}
	},
  props: {
		courses: {
			type: Array,
			required: true
		}
	},
	created() {
		this.filteredCourses = this.courses
	},
	
	methods: {
		filterCourses(term) {
			this.filteredCourses = this.courses
				.map(course => {
					return {
						...course,
						name: course.name.toLowerCase()
					}
				})
				.filter(course => course.name.includes(term))
		}
	}
}