From ae9fad898aa35e227953ba2411077a49d0497147 Mon Sep 17 00:00:00 2001
From: PikachuEXE <pikachuexe@gmail.com>
Date: Sun, 25 Sep 2022 08:57:25 +0800
Subject: [PATCH] ! Fix incompatibility with latest settings code

---
 .../experimental-settings/experimental-settings.js   |  2 ++
 .../experimental-settings/experimental-settings.sass |  2 --
 .../experimental-settings/experimental-settings.vue  | 12 ++++--------
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/renderer/components/experimental-settings/experimental-settings.js b/src/renderer/components/experimental-settings/experimental-settings.js
index 183319b42b33f..cf1d4728ef774 100644
--- a/src/renderer/components/experimental-settings/experimental-settings.js
+++ b/src/renderer/components/experimental-settings/experimental-settings.js
@@ -1,6 +1,7 @@
 import { closeSync, existsSync, openSync, rmSync } from 'fs'
 import Vue from 'vue'
 import { mapActions } from 'vuex'
+import FtSettingsSection from '../ft-settings-section/ft-settings-section.vue'
 import FtFlexBox from '../ft-flex-box/ft-flex-box.vue'
 import FtToggleSwitch from '../ft-toggle-switch/ft-toggle-switch.vue'
 import FtPrompt from '../ft-prompt/ft-prompt.vue'
@@ -8,6 +9,7 @@ import FtPrompt from '../ft-prompt/ft-prompt.vue'
 export default Vue.extend({
   name: 'ExperimentalSettings',
   components: {
+    'ft-settings-section': FtSettingsSection,
     'ft-flex-box': FtFlexBox,
     'ft-toggle-switch': FtToggleSwitch,
     'ft-prompt': FtPrompt
diff --git a/src/renderer/components/experimental-settings/experimental-settings.sass b/src/renderer/components/experimental-settings/experimental-settings.sass
index ebab70e68c3cd..ba42601b781db 100644
--- a/src/renderer/components/experimental-settings/experimental-settings.sass
+++ b/src/renderer/components/experimental-settings/experimental-settings.sass
@@ -1,5 +1,3 @@
-@use "../../sass-partials/settings"
-
 .experimental-warning
   text-align: center
   font-weight: bold
diff --git a/src/renderer/components/experimental-settings/experimental-settings.vue b/src/renderer/components/experimental-settings/experimental-settings.vue
index 0757cce28247d..02b3d0f6591f1 100644
--- a/src/renderer/components/experimental-settings/experimental-settings.vue
+++ b/src/renderer/components/experimental-settings/experimental-settings.vue
@@ -1,11 +1,7 @@
 <template>
-  <details>
-    <summary>
-      <h3>
-        {{ $t('Settings.Experimental Settings.Experimental Settings') }}
-      </h3>
-    </summary>
-    <hr>
+  <ft-settings-section
+    :title="$t('Settings.Experimental Settings.Experimental Settings')"
+  >
     <p class="experimental-warning">
       {{ $t('Settings.Experimental Settings.Warning') }}
     </p>
@@ -27,7 +23,7 @@
       :option-values="restartPromptValues"
       @click="handleReplaceHttpCache"
     />
-  </details>
+  </ft-settings-section>
 </template>
 
 <script src="./experimental-settings.js" />