computed in Vue
Vue interview exercise on Computed & watchers, difficulty 2 of 3. Solve it in the editor beside a worked example; 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. Progress is saved in your browser, and in your account if you sign in.