computed in Vue
Vue interview exercise on Computed & watchers, difficulty 2 of 3. Solve it in the editor beside a worked example, or cold in Interview mode with the example hidden; the tests run the moment you do.
Write ProductList with a prop `products` ({ name, price, inStock }[]): an <input class="search">, a checkbox <input class="stock"> "in stock only", a <ul> listing the matching products as <li>name — price</li> (name contains the search, case-insensitively; in stock when the box is checked), <p class="count">N of M</p> and <p class="total">Total: T</p> summing the listed prices. Derive the list, the count and the total with computed.
Each exercise pairs a worked example with a twin problem to solve in a real editor; the tests run the moment you do. Interview mode hides the example: solve it from memory, without the hint or the solution, and it counts as solved cold. Progress is saved in your browser, and in your account if you sign in.