diff --git a/src/renderer/components/external-player-settings/external-player-settings.js b/src/renderer/components/external-player-settings/external-player-settings.js
index d9e30a2b5d586..8805556d4ab4b 100644
--- a/src/renderer/components/external-player-settings/external-player-settings.js
+++ b/src/renderer/components/external-player-settings/external-player-settings.js
@@ -15,9 +15,6 @@ export default defineComponent({
     'ft-toggle-switch': FtToggleSwitch,
     'ft-flex-box': FtFlexBox
   },
-  data: function () {
-    return {}
-  },
   computed: {
     externalPlayerNames: function () {
       const fallbackNames = this.$store.getters.getExternalPlayerNames
diff --git a/src/renderer/components/ft-input/ft-input.js b/src/renderer/components/ft-input/ft-input.js
index bf7983f418510..876e6d5bbcd56 100644
--- a/src/renderer/components/ft-input/ft-input.js
+++ b/src/renderer/components/ft-input/ft-input.js
@@ -141,7 +141,7 @@ export default defineComponent({
       }
     }
   },
-  mounted: function () {
+  created: function () {
     this.id = this._uid
     this.inputData = this.value
     this.updateVisibleDataList()
diff --git a/src/renderer/components/ft-slider/ft-slider.js b/src/renderer/components/ft-slider/ft-slider.js
index 737e76d1b0a67..55e921082b03a 100644
--- a/src/renderer/components/ft-slider/ft-slider.js
+++ b/src/renderer/components/ft-slider/ft-slider.js
@@ -53,7 +53,7 @@ export default defineComponent({
       this.currentValue = this.defaultValue
     }
   },
-  mounted: function () {
+  created: function () {
     this.id = this._uid
     this.currentValue = this.defaultValue
   },
diff --git a/src/renderer/components/ft-toggle-switch/ft-toggle-switch.js b/src/renderer/components/ft-toggle-switch/ft-toggle-switch.js
index 26e636f8bde52..94375c72d125f 100644
--- a/src/renderer/components/ft-toggle-switch/ft-toggle-switch.js
+++ b/src/renderer/components/ft-toggle-switch/ft-toggle-switch.js
@@ -48,7 +48,7 @@ export default defineComponent({
       this.currentValue = this.defaultValue
     }
   },
-  mounted: function () {
+  created: function () {
     this.id = this._uid
     this.currentValue = this.defaultValue
   },
diff --git a/src/renderer/components/general-settings/general-settings.js b/src/renderer/components/general-settings/general-settings.js
index 5a53b1644c2ba..a37332ed03c9d 100644
--- a/src/renderer/components/general-settings/general-settings.js
+++ b/src/renderer/components/general-settings/general-settings.js
@@ -202,7 +202,7 @@ export default defineComponent({
       ]
     }
   },
-  mounted: function () {
+  created: function () {
     this.setCurrentInvidiousInstanceBounce =
       debounce(this.setCurrentInvidiousInstance, 500)
   },
diff --git a/src/renderer/components/theme-settings/theme-settings.js b/src/renderer/components/theme-settings/theme-settings.js
index b81f7a3ec89d2..fc018ab45bcb4 100644
--- a/src/renderer/components/theme-settings/theme-settings.js
+++ b/src/renderer/components/theme-settings/theme-settings.js
@@ -134,7 +134,7 @@ export default defineComponent({
       return this.baseTheme !== 'hotPink'
     }
   },
-  mounted: function () {
+  created: function () {
     this.disableSmoothScrollingToggleValue = this.disableSmoothScrolling
   },
   methods: {