From 0ecfb89f19e63da44df393b08cd2b21f90c79605 Mon Sep 17 00:00:00 2001
From: Kailash Nadh <kailash@nadh.in>
Date: Sat, 12 Feb 2022 17:13:45 +0530
Subject: [PATCH] Remember appearance sub tab in settings UI.

---
 frontend/src/views/Settings.vue            |  1 -
 frontend/src/views/settings/appearance.vue | 13 ++++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Settings.vue b/frontend/src/views/Settings.vue
index 94793c433..b395a5ffd 100644
--- a/frontend/src/views/Settings.vue
+++ b/frontend/src/views/Settings.vue
@@ -243,7 +243,6 @@ export default Vue.extend({
   },
 
   watch: {
-    // Capture contentType and body passed from the parent as props.
     tab(t) {
       this.$utils.setPref('settings.tab', t);
     },
diff --git a/frontend/src/views/settings/appearance.vue b/frontend/src/views/settings/appearance.vue
index aa2e0780b..27951c564 100644
--- a/frontend/src/views/settings/appearance.vue
+++ b/frontend/src/views/settings/appearance.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="items">
-    <b-tabs :animated="false">
+    <b-tabs :animated="false" v-model="tab">
       <b-tab-item :label="$t('settings.appearance.adminName')" label-position="on-border">
         <div class="block">
           {{ $t('settings.appearance.adminHelp') }}
@@ -55,9 +55,20 @@ export default Vue.extend({
   data() {
     return {
       data: this.form,
+      tab: 0,
     };
   },
 
+  mounted() {
+    this.tab = this.$utils.getPref('settings.apperanceTab') || 0;
+  },
+
+  watch: {
+    tab(t) {
+      this.$utils.setPref('settings.apperanceTab', t);
+    },
+  },
+
   computed: {
     ...mapState(['settings']),
   },