From 31a9ec235e39286ea44e136bed6ea65a0b256e5c Mon Sep 17 00:00:00 2001
From: w2xi <43wangxi@gmail.com>
Date: Sun, 6 Oct 2024 21:43:32 +0800
Subject: [PATCH 1/2] chore(sfc-playground): adjust the tooltip text for
 toggling the theme

---
 packages-private/sfc-playground/src/App.vue    | 1 +
 packages-private/sfc-playground/src/Header.vue | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages-private/sfc-playground/src/App.vue b/packages-private/sfc-playground/src/App.vue
index c9295d41b08..d163b1a3ee6 100644
--- a/packages-private/sfc-playground/src/App.vue
+++ b/packages-private/sfc-playground/src/App.vue
@@ -123,6 +123,7 @@ onMounted(() => {
     :prod="productionMode"
     :ssr="useSSRMode"
     :autoSave="autoSave"
+    :theme="theme"
     @toggle-theme="toggleTheme"
     @toggle-prod="toggleProdMode"
     @toggle-ssr="toggleSSR"
diff --git a/packages-private/sfc-playground/src/Header.vue b/packages-private/sfc-playground/src/Header.vue
index 2778724b0ab..03c7db5b7f8 100644
--- a/packages-private/sfc-playground/src/Header.vue
+++ b/packages-private/sfc-playground/src/Header.vue
@@ -15,6 +15,7 @@ const props = defineProps<{
   prod: boolean
   ssr: boolean
   autoSave: boolean
+  theme: 'dark' | 'light'
 }>()
 const emit = defineEmits([
   'toggle-theme',
@@ -117,7 +118,11 @@ function toggleDark() {
       >
         <span>{{ autoSave ? 'AutoSave ON' : 'AutoSave OFF' }}</span>
       </button>
-      <button title="Toggle dark mode" class="toggle-dark" @click="toggleDark">
+      <button 
+        :title="`Switch to ${ theme === 'dark' ? 'light' : 'dark' } theme`"
+        class="toggle-dark" 
+        @click="toggleDark"
+      >
         <Sun class="light" />
         <Moon class="dark" />
       </button>

From 59a91672d8c4af16ae26ffc4638fb74e697df7fe Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Mon, 7 Oct 2024 01:16:57 +0000
Subject: [PATCH 2/2] [autofix.ci] apply automated fixes

---
 packages-private/sfc-playground/src/Header.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages-private/sfc-playground/src/Header.vue b/packages-private/sfc-playground/src/Header.vue
index 03c7db5b7f8..aea6c022a3e 100644
--- a/packages-private/sfc-playground/src/Header.vue
+++ b/packages-private/sfc-playground/src/Header.vue
@@ -118,9 +118,9 @@ function toggleDark() {
       >
         <span>{{ autoSave ? 'AutoSave ON' : 'AutoSave OFF' }}</span>
       </button>
-      <button 
-        :title="`Switch to ${ theme === 'dark' ? 'light' : 'dark' } theme`"
-        class="toggle-dark" 
+      <button
+        :title="`Switch to ${theme === 'dark' ? 'light' : 'dark'} theme`"
+        class="toggle-dark"
         @click="toggleDark"
       >
         <Sun class="light" />