1 files changed, 4 insertions, 27 deletions
diff --git a/apps/files/src/components/FilesListHeaderButton.vue b/apps/files/src/components/FilesListHeaderButton.vue
index afa48465dab..9aac83a185d 100644
--- a/apps/files/src/components/FilesListHeaderButton.vue
+++ b/apps/files/src/components/FilesListHeaderButton.vue
@@ -33,14 +33,13 @@
 </template>
 
 <script lang="ts">
-import { mapState } from 'pinia'
 import { translate } from '@nextcloud/l10n'
 import MenuDown from 'vue-material-design-icons/MenuDown.vue'
 import MenuUp from 'vue-material-design-icons/MenuUp.vue'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import Vue from 'vue'
 
-import { useSortingStore } from '../store/sorting.ts'
+import filesSortingMixin from '../mixins/filesSorting.ts'
 
 export default Vue.extend({
 	name: 'FilesListHeaderButton',
@@ -51,7 +50,9 @@ export default Vue.extend({
 		NcButton,
 	},
 
-	inject: ['toggleSortBy'],
+	mixins: [
+		filesSortingMixin,
+	],
 
 	props: {
 		name: {
@@ -64,30 +65,6 @@ export default Vue.extend({
 		},
 	},
 
-	setup() {
-		const sortingStore = useSortingStore()
-		return {
-			sortingStore,
-		}
-	},
-
-	computed: {
-		...mapState(useSortingStore, ['filesSortingConfig']),
-
-		currentView() {
-			return this.$navigation.active
-		},
-
-		sortingMode() {
-			return this.sortingStore.getSortingMode(this.currentView.id)
-				|| this.currentView.defaultSortKey
-				|| 'basename'
-		},
-		isAscSorting() {
-			return this.sortingStore.isAscSorting(this.currentView.id) === true
-		},
-	},
-
 	methods: {
 		sortAriaLabel(column) {
 			const direction = this.isAscSorting