Fix settings password handling (FreeTubeApp#5988)

src/renderer/views/Settings/Settings.js

@@ -170,21 +170,35 @@ export default defineComponent({
     }
   },
   mounted: function () {
-    this.handleResize()
-    window.addEventListener('resize', this.handleResize)
-    document.addEventListener('scroll', this.markScrolledToSectionAsActive)
-
-    // mark first section as active before any scrolling has taken place
-    if (this.settingsSectionComponents.length > 0) {
-      const firstSection = document.getElementById(this.settingsSectionComponents[0].type)
-      firstSection.classList.add(ACTIVE_CLASS_NAME)
+    if (this.unlocked) {
+      this.handleMounted()
     }
   },
   beforeDestroy: function () {
     document.removeEventListener('scroll', this.markScrolledToSectionAsActive)
     window.removeEventListener('resize', this.handleResize)
   },
   methods: {
+    handleMounted: function () {
+      this.handleResize()
+      window.addEventListener('resize', this.handleResize)
+      document.addEventListener('scroll', this.markScrolledToSectionAsActive)
+
+      // mark first section as active before any scrolling has taken place
+      if (this.settingsSectionComponents.length > 0) {
+        const firstSection = document.getElementById(this.settingsSectionComponents[0].type)
+        firstSection.classList.add(ACTIVE_CLASS_NAME)
+      }
+    },
+
+    handleUnlock: function () {
+      this.unlocked = true
+
+      nextTick(() => {
+        this.handleMounted()
+      })
+    },
+
     navigateToSection: function(sectionType) {
       if (this.isInDesktopView) {
         nextTick(() => {

src/renderer/views/Settings/Settings.vue

@@ -47,7 +47,7 @@
     </template>
     <password-dialog
       v-else
-      @unlocked="unlocked = true"
+      @unlocked="handleUnlock"
     />
   </div>
 </template>