Lesson 12 — Computed with filter

Filtered views of your data

A computed can return a whole new array — for example only the finished todos — built with filter. The original array stays untouched, and the filtered view updates by itself when any todo changes.

const cheap = computed(() => products.value.filter((p) => p.price < 10))

Why it matters: tabs like "All / Active / Done" are just different computed filters over one list.