Question 16: Consider the below Vue component. Which of the following…

1<template>
2  <div>
3    <button @click="setDarkMode">Dark Mode</button>
4    <button @click="setLightMode">Light Mode</button>
5  </div>
6</template>
7
8<script>
9export default {
10  data() {
11    return {
12      theme: localStorage.getItem('theme') || 'light'
13    };
14  },
15  methods: {
16    setDarkMode() {
17      this.theme = 'dark';
18      localStorage.setItem('theme', 'dark');
19    },
20    setLightMode() {
21      this.theme = 'light';
22      localStorage.setItem('theme', 'light');
23    }
24  }
25};
26</script>