1 files changed, 12 insertions, 8 deletions
diff --git a/app/assets/javascripts/profile/preferences/profile_preferences_bundle.js b/app/assets/javascripts/profile/preferences/profile_preferences_bundle.js
index 744e0174a4e..6520e68d41c 100644
--- a/app/assets/javascripts/profile/preferences/profile_preferences_bundle.js
+++ b/app/assets/javascripts/profile/preferences/profile_preferences_bundle.js
@@ -3,16 +3,20 @@ import ProfilePreferences from './components/profile_preferences.vue';
 
 export default () => {
   const el = document.querySelector('#js-profile-preferences-app');
-  const shouldParse = ['integrationViews', 'userFields'];
+  const formEl = document.querySelector('#profile-preferences-form');
+  const shouldParse = ['integrationViews', 'themes', 'userFields'];
 
-  const provide = Object.keys(el.dataset).reduce((memo, key) => {
-    let value = el.dataset[key];
-    if (shouldParse.includes(key)) {
-      value = JSON.parse(value);
-    }
+  const provide = Object.keys(el.dataset).reduce(
+    (memo, key) => {
+      let value = el.dataset[key];
+      if (shouldParse.includes(key)) {
+        value = JSON.parse(value);
+      }
 
-    return { ...memo, [key]: value };
-  }, {});
+      return { ...memo, [key]: value };
+    },
+    { formEl },
+  );
 
   return new Vue({
     el,