Sort tabs after registering a tab

Signed-off-by: Raimund Schlüßler <[email protected]>

src/components/NcAppSidebar/NcAppSidebarTabs.vue

@@ -36,7 +36,7 @@
 			@keydown.33.exact.prevent="focusFirstTab"
 			@keydown.34.exact.prevent="focusLastTab">
 			<ul>
-				<li v-for="tab in sortedTabs" :key="tab.id" class="app-sidebar-tabs__tab">
+				<li v-for="tab in tabs" :key="tab.id" class="app-sidebar-tabs__tab">
 					<a :id="tab.id"
 						:aria-controls="`tab-${tab.id}`"
 						:aria-selected="activeTab === tab.id"
@@ -117,16 +117,6 @@ export default {
 		currentTabIndex() {
 			return this.tabs.findIndex(tab => tab.id === this.activeTab)
 		},
-		sortedTabs() {
-			return [...this.tabs].sort((a, b) => {
-				const orderA = a.order || 0
-				const orderB = b.order || 0
-				if (orderA === orderB) {
-					return OC.Util.naturalSortCompare(a.name, b.name)
-				}
-				return orderA - orderB
-			})
-		},
 	},
 
 	watch: {
@@ -228,6 +218,14 @@ export default {
 		 */
 		registerTab(tab) {
 			this.tabs.push(tab)
+			this.tabs.sort((a, b) => {
+				const orderA = a.order || 0
+				const orderB = b.order || 0
+				if (orderA === orderB) {
+					return OC.Util.naturalSortCompare(a.name, b.name)
+				}
+				return orderA - orderB
+			})
 			this.updateActive()
 		},