From dc1123e8680b7d73e1fb2434a6b8c62a53b979c2 Mon Sep 17 00:00:00 2001
From: Nazar Kanaev <nkanaev@live.com>
Date: Wed, 9 Sep 2020 21:44:38 +0100
Subject: [PATCH] show ui after getting settings (prevent jumping list widths)

---
 assets/javascripts/app.js | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/assets/javascripts/app.js b/assets/javascripts/app.js
index 465b4ab..5707d3b 100644
--- a/assets/javascripts/app.js
+++ b/assets/javascripts/app.js
@@ -112,19 +112,7 @@ Vue.component('relative-time', {
 })
 
 var vm = new Vue({
-  el: '#app',
   created: function() {
-    api.settings.get().then(function(data) {
-      vm.feedSelected = data.feed
-      vm.filterSelected = data.filter
-      vm.itemSortNewestFirst = data.sort_newest_first
-      vm.feedListWidth = data.feed_list_width || 300
-      vm.itemListWidth = data.item_list_width || 300
-      vm.theme.name = data.theme_name
-      vm.theme.font = data.theme_font
-      vm.theme.size = data.theme_size
-      vm.refreshItems()
-    })
     this.refreshFeeds()
     this.refreshStats()
   },
@@ -553,3 +541,16 @@ var vm = new Vue({
     },
   }
 })
+
+api.settings.get().then(function(data) {
+  vm.feedSelected = data.feed
+  vm.filterSelected = data.filter
+  vm.itemSortNewestFirst = data.sort_newest_first
+  vm.feedListWidth = data.feed_list_width || 300
+  vm.itemListWidth = data.item_list_width || 300
+  vm.theme.name = data.theme_name
+  vm.theme.font = data.theme_font
+  vm.theme.size = data.theme_size
+  vm.refreshItems()
+  vm.$mount('#app')
+})