diff --git a/l10n/messages.pot b/l10n/messages.pot
index 02b96d3523..1aa80cb574 100644
--- a/l10n/messages.pot
+++ b/l10n/messages.pot
@@ -29,6 +29,9 @@ msgstr ""
 msgid "Close"
 msgstr ""
 
+msgid "Close navigation"
+msgstr ""
+
 msgid "Confirm changes"
 msgstr ""
 
@@ -50,6 +53,9 @@ msgstr ""
 msgid "Global"
 msgstr ""
 
+msgid "Go back to the list"
+msgstr ""
+
 msgid "Message limit of {count} characters reached"
 msgstr ""
 
@@ -65,6 +71,9 @@ msgstr ""
 msgid "Objects"
 msgstr ""
 
+msgid "Open navigation"
+msgstr ""
+
 msgid "Pause slideshow"
 msgstr ""
 
diff --git a/src/components/AppContent/AppDetailsToggle.vue b/src/components/AppContent/AppDetailsToggle.vue
index 7776ab88ee..49cd5c65ee 100644
--- a/src/components/AppContent/AppDetailsToggle.vue
+++ b/src/components/AppContent/AppDetailsToggle.vue
@@ -27,15 +27,13 @@
 <script>
 import { emit } from '@nextcloud/event-bus'
 
-import l10n from '../../mixins/l10n'
+import { t } from '../../l10n'
 export default {
 	name: 'AppDetailsToggle',
 
-	mixins: [l10n],
-
 	computed: {
 		title() {
-			return this.t('Go back to the list')
+			return t('Go back to the list')
 		},
 	},
 
diff --git a/src/components/AppNavigationToggle/AppNavigationToggle.vue b/src/components/AppNavigationToggle/AppNavigationToggle.vue
index 0f2d66ea66..f0a954ef34 100644
--- a/src/components/AppNavigationToggle/AppNavigationToggle.vue
+++ b/src/components/AppNavigationToggle/AppNavigationToggle.vue
@@ -40,7 +40,7 @@
 <script>
 import Actions from '../Actions/Actions'
 import ActionButton from '../ActionButton/ActionButton'
-import l10n from '../../mixins/l10n'
+import { t } from '../../l10n'
 
 import Menu from 'vue-material-design-icons/Menu'
 
@@ -53,8 +53,6 @@ export default {
 		Menu,
 	},
 
-	mixins: [l10n],
-
 	props: {
 		open: {
 			type: Boolean,
@@ -64,7 +62,7 @@ export default {
 
 	computed: {
 		label() {
-			return this.open ? this.t('Close navigation') : this.t('Open navigation')
+			return this.open ? t('Close navigation') : t('Open navigation')
 		},
 	},
 	methods: {