! Fix incompatibility with latest settings code

Author: PikachuEXE

src/renderer/components/experimental-settings/experimental-settings.js

@@ -1,13 +1,15 @@
 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'
 
 export default Vue.extend({
   name: 'ExperimentalSettings',
   components: {
+    'ft-settings-section': FtSettingsSection,
     'ft-flex-box': FtFlexBox,
     'ft-toggle-switch': FtToggleSwitch,
     'ft-prompt': FtPrompt

src/renderer/components/experimental-settings/experimental-settings.sass

@@ -1,5 +1,3 @@
-@use "../../sass-partials/settings"
-
 .experimental-warning
   text-align: center
   font-weight: bold

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" />