Question 11: Consider the below Vue component. What will be displayed…

1<template>
2  <div>
3    <ul>
4      <li v-for="item in filteredItems" :key="item.id">{{ item.name }}</li>
5    </ul>
6  </div>
7</template>
8
9<script>
10export default {
11  data() {
12    return {
13      items: [
14        { id: 1, name: "Item 1" },
15        { id: 2, name: "Item 2" },
16        { id: 3, name: "Item 3" },
17      ],
18      filterActive: true,
19    };
20  },
21  computed: {
22    filteredItems() {
23      return this.filterActive
24        ? this.items.filter((item) => item.id !== 2)
25        : this.items;
26    },
27  },
28};
29</script>