From 95c9d884a3d03b3afa102540024a305909f8ca28 Mon Sep 17 00:00:00 2001
From: zhoulixiang <18366276315@163.com>
Date: Fri, 17 Nov 2023 10:00:01 +0800
Subject: [PATCH 1/3] fix: fix the title of theme switch

---
 .../theme-default/components/VPSwitchAppearance.vue       | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/client/theme-default/components/VPSwitchAppearance.vue b/src/client/theme-default/components/VPSwitchAppearance.vue
index 003e14b9af60..91f7599a45ce 100644
--- a/src/client/theme-default/components/VPSwitchAppearance.vue
+++ b/src/client/theme-default/components/VPSwitchAppearance.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { inject } from 'vue'
+import { inject, computed } from 'vue'
 import { useData } from '../composables/data'
 import VPSwitch from './VPSwitch.vue'
 import VPIconMoon from './icons/VPIconMoon.vue'
@@ -10,11 +10,15 @@ const { isDark } = useData()
 const toggleAppearance = inject('toggle-appearance', () => {
   isDark.value = !isDark.value
 })
+
+const switchTitle = computed(() => {
+  return isDark.value ? 'toggle light mode' : 'toggle dark mode'
+})
 </script>
 
 <template>
   <VPSwitch
-    title="toggle dark mode"
+    :title="switchTitle"
     class="VPSwitchAppearance"
     :aria-checked="isDark"
     @click="toggleAppearance"

From dca58dc35f1a0bc240c28dd0e129b3dd29c7ba65 Mon Sep 17 00:00:00 2001
From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>
Date: Fri, 17 Nov 2023 19:50:23 +0530
Subject: [PATCH 2/3] Update
 src/client/theme-default/components/VPSwitchAppearance.vue

---
 src/client/theme-default/components/VPSwitchAppearance.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/client/theme-default/components/VPSwitchAppearance.vue b/src/client/theme-default/components/VPSwitchAppearance.vue
index 91f7599a45ce..c7573844a3c9 100644
--- a/src/client/theme-default/components/VPSwitchAppearance.vue
+++ b/src/client/theme-default/components/VPSwitchAppearance.vue
@@ -12,7 +12,7 @@ const toggleAppearance = inject('toggle-appearance', () => {
 })
 
 const switchTitle = computed(() => {
-  return isDark.value ? 'toggle light mode' : 'toggle dark mode'
+  return isDark.value ? 'Switch to light mode' : 'Switch to dark mode'
 })
 </script>
 

From d59b44c958f0fc9a7f786412f0437500f4545c1e Mon Sep 17 00:00:00 2001
From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>
Date: Fri, 17 Nov 2023 19:51:08 +0530
Subject: [PATCH 3/3] Update
 src/client/theme-default/components/VPSwitchAppearance.vue

---
 src/client/theme-default/components/VPSwitchAppearance.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/client/theme-default/components/VPSwitchAppearance.vue b/src/client/theme-default/components/VPSwitchAppearance.vue
index c7573844a3c9..16828e7e234d 100644
--- a/src/client/theme-default/components/VPSwitchAppearance.vue
+++ b/src/client/theme-default/components/VPSwitchAppearance.vue
@@ -12,7 +12,7 @@ const toggleAppearance = inject('toggle-appearance', () => {
 })
 
 const switchTitle = computed(() => {
-  return isDark.value ? 'Switch to light mode' : 'Switch to dark mode'
+  return isDark.value ? 'Switch to light theme' : 'Switch to dark theme'
 })
 </script>