fix(l10n): directly import translate functions to the components

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>

src/App.vue

@@ -25,6 +25,7 @@ import { provide } from 'vue'
 
 import { getCurrentUser } from '@nextcloud/auth'
 import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
+import { t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
 
 import NcAppContent from '@nextcloud/vue/dist/Components/NcAppContent.js'
@@ -501,6 +502,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		/**
 		 * Intercept clicking actions on notifications and open the conversation without a page reload instead
 		 *

src/FilesSidebarTabApp.vue

@@ -31,6 +31,7 @@
 import { getCurrentUser } from '@nextcloud/auth'
 import Axios from '@nextcloud/axios'
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
@@ -155,6 +156,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		async joinConversation() {
 			checkBrowser()
 

src/PublicShareAuthRequestPasswordButton.vue

@@ -26,6 +26,8 @@
 <script>
 import { Fragment } from 'vue-frag'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
 import { getPublicShareAuthConversationToken } from './services/publicShareAuthService.js'
@@ -72,6 +74,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		async requestPassword() {
 			checkBrowser()
 

src/PublicShareAuthSidebar.vue

@@ -26,6 +26,7 @@
 import { getCurrentUser } from '@nextcloud/auth'
 import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 
 import CallView from './components/CallView/CallView.vue'
 import ChatView from './components/ChatView.vue'
@@ -115,6 +116,7 @@ export default {
 	},
 
 	methods: {
+		t,
 
 		async joinConversation() {
 			const guestStoredName = localStorage.getItem('nick')

src/PublicShareSidebar.vue

@@ -38,6 +38,7 @@
 <script>
 import { showError } from '@nextcloud/dialogs'
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
@@ -143,6 +144,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		preventUnload(event) {
 			if (!this.warnLeaving) {
 				return

src/PublicShareSidebarTrigger.vue

@@ -16,6 +16,8 @@
 </template>
 
 <script>
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
 import MenuPeople from './assets/missingMaterialDesignIcons/MenuPeople.vue'
@@ -48,6 +50,9 @@ export default {
 		},
 	},
 
+	methods: {
+		t,
+	},
 }
 </script>
 

src/components/AdminSettings/AllowedGroups.vue

@@ -95,6 +95,7 @@ import debounce from 'debounce'
 
 import axios from '@nextcloud/axios'
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 import { generateOcsUrl } from '@nextcloud/router'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
@@ -167,6 +168,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		async searchGroup(query) {
 			this.loadingGroups = true
 			try {

src/components/AdminSettings/BotsSettings.vue

@@ -82,6 +82,7 @@ import Cancel from 'vue-material-design-icons/Cancel.vue'
 import Check from 'vue-material-design-icons/Check.vue'
 import Lock from 'vue-material-design-icons/Lock.vue'
 
+import { t } from '@nextcloud/l10n'
 import moment from '@nextcloud/moment'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
@@ -142,6 +143,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		getStateIcon(state) {
 			switch (state) {
 			case BOT.STATE.NO_SETUP:

src/components/AdminSettings/Federation.vue

@@ -84,6 +84,7 @@ import debounce from 'debounce'
 
 import axios from '@nextcloud/axios'
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 import { generateOcsUrl, generateUrl } from '@nextcloud/router'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
@@ -141,6 +142,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		saveFederationEnabled(value) {
 			this.loading = true
 

src/components/AdminSettings/GeneralSettings.vue

@@ -41,6 +41,7 @@
 
 <script>
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
@@ -88,6 +89,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		saveDefaultGroupNotification() {
 			this.loadingDefaultGroupNotification = true
 

src/components/AdminSettings/HostedSignalingServer.vue

@@ -121,6 +121,7 @@
 <script>
 import axios from '@nextcloud/axios'
 import { loadState } from '@nextcloud/initial-state'
+import { t, n } from '@nextcloud/l10n'
 import moment from '@nextcloud/moment'
 import { generateOcsUrl } from '@nextcloud/router'
 
@@ -213,6 +214,8 @@ export default {
 	},
 
 	methods: {
+		t,
+		n,
 		async requestHPBTrial() {
 			this.requestError = ''
 			this.loading = true

src/components/AdminSettings/MatterbridgeIntegration.vue

@@ -46,6 +46,7 @@
 <script>
 import { showError } from '@nextcloud/dialogs'
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
@@ -110,6 +111,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		saveMatterbridgeEnabled() {
 			this.matterbridgeEnabled = !this.matterbridgeEnabled
 			OCP.AppConfig.setValue('spreed', 'enable_matterbridge', this.matterbridgeEnabled ? '1' : '0', {

src/components/AdminSettings/RecordingServer.vue

@@ -44,6 +44,8 @@ import AlertCircle from 'vue-material-design-icons/AlertCircle.vue'
 import Check from 'vue-material-design-icons/Check.vue'
 import Delete from 'vue-material-design-icons/Delete.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
@@ -125,6 +127,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		removeServer() {
 			this.$emit('remove-server', this.index)
 		},

src/components/AdminSettings/RecordingServers.vue

@@ -79,6 +79,7 @@ import Plus from 'vue-material-design-icons/Plus.vue'
 import { showSuccess } from '@nextcloud/dialogs'
 import { formatFileSize } from '@nextcloud/files'
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
@@ -154,6 +155,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		removeServer(index) {
 			this.servers.splice(index, 1)
 			this.debounceUpdateServers()

src/components/AdminSettings/SIPBridge.vue

@@ -82,6 +82,7 @@ import debounce from 'debounce'
 import axios from '@nextcloud/axios'
 import { showSuccess } from '@nextcloud/dialogs'
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 import { generateOcsUrl } from '@nextcloud/router'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
@@ -154,6 +155,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		async searchGroup(query) {
 			this.loadingGroups = true
 			try {

src/components/AdminSettings/SignalingServer.vue

@@ -45,6 +45,8 @@ import AlertCircleOutline from 'vue-material-design-icons/AlertCircleOutline.vue
 import Check from 'vue-material-design-icons/Check.vue'
 import Delete from 'vue-material-design-icons/Delete.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
@@ -131,6 +133,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		removeServer() {
 			this.$emit('remove-server', this.index)
 		},

src/components/AdminSettings/SignalingServers.vue

@@ -72,6 +72,7 @@ import Plus from 'vue-material-design-icons/Plus.vue'
 
 import { showSuccess } from '@nextcloud/dialogs'
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
@@ -122,6 +123,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		removeServer(index) {
 			this.servers.splice(index, 1)
 			this.debounceUpdateServers()

src/components/AdminSettings/StunServer.vue

@@ -39,6 +39,8 @@
 import AlertCircle from 'vue-material-design-icons/AlertCircle.vue'
 import Delete from 'vue-material-design-icons/Delete.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
 
@@ -91,6 +93,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		removeServer() {
 			this.$emit('remove-server', this.index)
 		},

src/components/AdminSettings/StunServers.vue

@@ -45,6 +45,7 @@ import Plus from 'vue-material-design-icons/Plus.vue'
 
 import { showSuccess } from '@nextcloud/dialogs'
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
@@ -82,6 +83,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		removeServer(index) {
 			this.servers.splice(index, 1)
 			if (this.servers.length === 0) {

src/components/AdminSettings/TurnServer.vue

@@ -84,6 +84,8 @@ import Check from 'vue-material-design-icons/Check.vue'
 import Delete from 'vue-material-design-icons/Delete.vue'
 import Pulse from 'vue-material-design-icons/Pulse.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
 import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
@@ -205,6 +207,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		testServer() {
 			this.testing = true
 			this.testingError = false

src/components/AdminSettings/TurnServers.vue

@@ -50,6 +50,7 @@ import Plus from 'vue-material-design-icons/Plus.vue'
 
 import { showSuccess } from '@nextcloud/dialogs'
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
@@ -93,6 +94,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		removeServer(index) {
 			this.servers.splice(index, 1)
 			this.debounceUpdateServers()

src/components/AdminSettings/WebServerSetupChecks.vue

@@ -39,6 +39,7 @@ import AlertCircle from 'vue-material-design-icons/AlertCircle.vue'
 import Check from 'vue-material-design-icons/Check.vue'
 
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 import { generateFilePath } from '@nextcloud/router'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
@@ -131,6 +132,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		checkVirtualBackground() {
 			if (!VirtualBackground.isWasmSupported()) {
 				this.virtualBackgroundLoaded = false

src/components/AvatarWrapper/AvatarWrapper.spec.js

@@ -6,6 +6,8 @@ import { shallowMount } from '@vue/test-utils'
 import { cloneDeep } from 'lodash'
 import Vuex from 'vuex'
 
+import { t } from '@nextcloud/l10n'
+
 import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
 
 import AvatarWrapper from './AvatarWrapper.vue'

src/components/AvatarWrapper/AvatarWrapper.vue

@@ -44,6 +44,8 @@
 <script>
 import WebIcon from 'vue-material-design-icons/Web.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
 
 import { ATTENDEE, AVATAR } from '../../constants.js'
@@ -188,6 +190,10 @@ export default {
 			return getUserProxyAvatarOcsUrl(this.token, this.id, isDarkTheme, this.size > AVATAR.SIZE.MEDIUM ? 512 : 64)
 		},
 	},
+
+	methods: {
+		t,
+	},
 }
 </script>
 

src/components/BreakoutRoomsEditor/BreakoutRoomsEditor.vue

@@ -73,6 +73,8 @@
 </template>
 
 <script>
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 import NcInputField from '@nextcloud/vue/dist/Components/NcInputField.js'
@@ -137,6 +139,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		async handleCreateRooms() {
 			try {
 				await this.breakoutRoomsStore.configureBreakoutRooms({

src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue

@@ -95,6 +95,8 @@ import Delete from 'vue-material-design-icons/Delete.vue'
 import DotsCircle from 'vue-material-design-icons/DotsCircle.vue'
 import Reload from 'vue-material-design-icons/Reload.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
 import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
@@ -236,6 +238,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		/**
 		 * Initialise the assignments array.
 		 *

src/components/BreakoutRoomsEditor/SendMessageDialog.vue

@@ -27,6 +27,7 @@
 
 <script>
 import { showError, showSuccess } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 
 import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
 
@@ -97,6 +98,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		handleMessageSent() {
 			showSuccess(this.broadcast
 				? t('spreed', 'The message was sent to all breakout rooms')

src/components/CallView/CallView.vue

@@ -122,6 +122,7 @@ import debounce from 'debounce'
 
 import { showMessage } from '@nextcloud/dialogs'
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
+import { t } from '@nextcloud/l10n'
 
 import Grid from './Grid/Grid.vue'
 import EmptyCallView from './shared/EmptyCallView.vue'
@@ -441,6 +442,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		/**
 		 * Updates data properties that depend on the CallParticipantModels.
 		 *

src/components/CallView/Grid/Grid.vue

@@ -141,6 +141,7 @@ import ChevronUp from 'vue-material-design-icons/ChevronUp.vue'
 
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 import { generateFilePath } from '@nextcloud/router'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
@@ -542,6 +543,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		gridDebugInformation() {
 			console.debug('Grid debug information')
 			console.debug({

src/components/CallView/shared/EmptyCallView.vue

@@ -25,6 +25,8 @@
 </template>
 
 <script>
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
 import { CONVERSATION, PARTICIPANT } from '../../../constants.js'
@@ -170,6 +172,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		handleCopyLink() {
 			copyConversationLinkToClipboard(this.token)
 		},

src/components/CallView/shared/LocalAudioControlButton.vue

@@ -23,6 +23,7 @@
 
 <script>
 import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip.js'
@@ -138,6 +139,7 @@ export default {
 	expose: ['toggleAudio'],
 
 	methods: {
+		t,
 		toggleAudio() {
 			if (!this.model.attributes.audioAvailable) {
 				emit('talk:media-settings:show')

src/components/CallView/shared/LocalVideo.vue

@@ -51,6 +51,7 @@ import Hex from 'crypto-js/enc-hex.js'
 import SHA1 from 'crypto-js/sha1.js'
 
 import { showError, showInfo, TOAST_PERMANENT_TIMEOUT } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
@@ -300,6 +301,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		_handleForcedMute() {
 			// The default toast selector is "body-user", but as this toast can
 			// be shown to guests too, a generic selector valid both for logged-in

src/components/CallView/shared/LocalVideoControlButton.vue

@@ -23,6 +23,7 @@ import VideoIcon from 'vue-material-design-icons/Video.vue'
 import VideoOff from 'vue-material-design-icons/VideoOff.vue'
 
 import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip.js'
@@ -131,6 +132,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		toggleVideo() {
 			/**
 			 * Abort toggling the video if the 'v' key is lifted when pasting an

src/components/CallView/shared/PresenterOverlay.vue

@@ -43,6 +43,8 @@ import VueDraggableResizable from 'vue-draggable-resizable'
 
 import AccountBox from 'vue-material-design-icons/AccountBoxOutline.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
 import VideoVue from './VideoVue.vue'
@@ -97,6 +99,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		updateSize() {
 			this.presenterOverlaySize = Math.min(Math.max(window.innerWidth * 0.1, 100), 242)
 		},

src/components/CallView/shared/ReactionToaster.vue

@@ -33,6 +33,7 @@ import Hex from 'crypto-js/enc-hex.js'
 import SHA1 from 'crypto-js/sha1.js'
 
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
+import { t } from '@nextcloud/l10n'
 import { imagePath } from '@nextcloud/router'
 
 import usernameToColor from '@nextcloud/vue/dist/Functions/usernameToColor.js'
@@ -139,6 +140,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		handleOwnReaction({ model, reaction }) {
 			this.handleReaction(model, reaction, true)
 		},

src/components/CallView/shared/Screen.vue

@@ -24,6 +24,8 @@
 import Hex from 'crypto-js/enc-hex.js'
 import SHA1 from 'crypto-js/sha1.js'
 
+import { t } from '@nextcloud/l10n'
+
 import VideoBottomBar from './VideoBottomBar.vue'
 
 import { useGuestNameStore } from '../../../stores/guestName.js'
@@ -140,6 +142,7 @@ export default {
 	},
 
 	methods: {
+		t,
 
 		_setScreen(screen) {
 			if (!screen) {

src/components/CallView/shared/VideoBottomBar.spec.js

@@ -12,6 +12,7 @@ import VideoIcon from 'vue-material-design-icons/Video.vue'
 import VideoOff from 'vue-material-design-icons/VideoOff.vue'
 
 import { emit } from '@nextcloud/event-bus'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 

src/components/CallView/shared/VideoBottomBar.vue

@@ -95,6 +95,7 @@ import VideoIcon from 'vue-material-design-icons/Video.vue'
 import VideoOff from 'vue-material-design-icons/VideoOff.vue'
 
 import { emit } from '@nextcloud/event-bus'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip.js'
@@ -247,6 +248,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		forceMute() {
 			this.model.forceMute()
 		},

src/components/CallView/shared/VideoVue.vue

@@ -79,6 +79,8 @@ import SHA1 from 'crypto-js/sha1.js'
 import AccountCircle from 'vue-material-design-icons/AccountCircle.vue'
 import AccountOff from 'vue-material-design-icons/AccountOff.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import Screen from './Screen.vue'
 import VideoBackground from './VideoBackground.vue'
 import VideoBottomBar from './VideoBottomBar.vue'
@@ -544,6 +546,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		_setStream(stream) {
 
 			if (!stream) {

src/components/CallView/shared/ViewerOverlayCallView.vue

@@ -115,6 +115,8 @@ import ArrowExpand from 'vue-material-design-icons/ArrowExpand.vue'
 import ChevronDown from 'vue-material-design-icons/ChevronDown.vue'
 import ChevronUp from 'vue-material-design-icons/ChevronUp.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
 import EmptyCallView from './EmptyCallView.vue'
@@ -229,6 +231,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		maximize() {
 			if (OCA.Viewer) {
 				OCA.Viewer.close()

src/components/ChatView.vue

@@ -61,6 +61,8 @@
 <script>
 import ChevronDoubleDown from 'vue-material-design-icons/ChevronDoubleDown.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
 import GuestWelcomeWindow from './GuestWelcomeWindow.vue'
@@ -172,6 +174,7 @@ export default {
 	},
 
 	methods: {
+		t,
 
 		handleDragOver(event) {
 			if (event.dataTransfer.types.includes('Files') && !this.isDragAndDropBlocked) {

src/components/ConversationIcon.vue

@@ -58,6 +58,8 @@ import Star from 'vue-material-design-icons/Star.vue'
 import VideoIcon from 'vue-material-design-icons/Video.vue'
 import WebIcon from 'vue-material-design-icons/Web.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
 
 import { AVATAR, CONVERSATION } from '../constants.js'
@@ -232,6 +234,10 @@ export default {
 			return getConversationAvatarOcsUrl(this.item.token, isDarkTheme, this.item.avatarVersion)
 		},
 	},
+
+	methods: {
+		t,
+	},
 }
 </script>
 

src/components/ConversationSettings/BasicInfo.vue

@@ -47,6 +47,7 @@
 import { Fragment } from 'vue-frag'
 
 import { showError } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 
 import ConversationAvatarEditor from './ConversationAvatarEditor.vue'
 import EditableTextField from '../UIShared/EditableTextField.vue'
@@ -113,6 +114,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		async handleUpdateName(name) {
 			this.isNameLoading = true
 			try {

src/components/ConversationSettings/BotsSettings.vue

@@ -37,6 +37,8 @@
 
 import Vue from 'vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
 import { BOT } from '../../constants.js'
@@ -92,6 +94,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		isBotLocked(bot) {
 			return bot.state === BOT.STATE.NO_SETUP
 		},

src/components/ConversationSettings/BreakoutRoomsSettings.vue

@@ -29,6 +29,8 @@ import { Fragment } from 'vue-frag'
 
 import DotsCircle from 'vue-material-design-icons/DotsCircle.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
 import BreakoutRoomsEditor from '../BreakoutRoomsEditor/BreakoutRoomsEditor.vue'
@@ -66,6 +68,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		openBreakoutRoomsEditor() {
 			this.showBreakoutRoomsEditor = true
 		},

src/components/ConversationSettings/ConversationAvatarEditor.vue

@@ -114,6 +114,7 @@ import { getRequestToken } from '@nextcloud/auth'
 import axios from '@nextcloud/axios'
 import { showError } from '@nextcloud/dialogs'
 import { FilePickerVue } from '@nextcloud/dialogs/filepicker.js'
+import { t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
@@ -240,6 +241,7 @@ export default {
 	expose: ['saveAvatar'],
 
 	methods: {
+		t,
 		activateLocalFilePicker() {
 			// Set to null so that selecting the same file will trigger the change event
 			this.$refs.input.value = null

src/components/ConversationSettings/ConversationPermissionsSettings.vue

@@ -82,6 +82,7 @@
 import Pencil from 'vue-material-design-icons/Pencil.vue'
 
 import { showError, showSuccess } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
@@ -151,6 +152,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		/**
 		 * Binary sum all the permissions and make the request to change them.
 		 *

src/components/ConversationSettings/ConversationSettingsDialog.vue

@@ -94,6 +94,7 @@
 <script>
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 
 import NcAppSettingsDialog from '@nextcloud/vue/dist/Components/NcAppSettingsDialog.js'
 import NcAppSettingsSection from '@nextcloud/vue/dist/Components/NcAppSettingsSection.js'
@@ -246,6 +247,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		handleShowSettings({ token }) {
 			this.$store.dispatch('updateConversationSettingsToken', token)
 			this.showSettings = true

src/components/ConversationSettings/DangerZone.vue

@@ -80,6 +80,7 @@
 <script>
 import { showError } from '@nextcloud/dialogs'
 import { emit } from '@nextcloud/event-bus'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
@@ -142,6 +143,7 @@ export default {
 	},
 
 	methods: {
+		t,
 
 		hideConversationSettings() {
 			emit('hide-conversation-settings')

src/components/ConversationSettings/ExpirationSettings.vue

@@ -34,6 +34,7 @@
 
 <script>
 import { showError, showSuccess } from '@nextcloud/dialogs'
+import { t, n } from '@nextcloud/l10n'
 
 import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
 
@@ -105,6 +106,8 @@ export default {
 	},
 
 	methods: {
+		t,
+		n,
 		async changeExpiration(expiration) {
 			this.overwriteExpiration = expiration
 

src/components/ConversationSettings/LinkShareSettings.vue

@@ -84,6 +84,7 @@ import ClipboardTextOutline from 'vue-material-design-icons/ClipboardTextOutline
 import Email from 'vue-material-design-icons/Email.vue'
 
 import { showError, showSuccess } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
@@ -146,6 +147,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		async setConversationPassword(newPassword) {
 			this.isSaving = true
 			try {

src/components/ConversationSettings/ListableSettings.vue

@@ -32,6 +32,7 @@
 <script>
 import { showError, showSuccess } from '@nextcloud/dialogs'
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 
@@ -120,6 +121,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		async toggleListableUsers(checked) {
 			await this.saveListable(checked ? this.LISTABLE.USERS : this.LISTABLE.NONE)
 		},

src/components/ConversationSettings/LobbySettings.vue

@@ -48,6 +48,7 @@
 
 <script>
 import { showError, showSuccess } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 import NcDateTimePicker from '@nextcloud/vue/dist/Components/NcDateTimePicker.js'
@@ -154,6 +155,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		async toggleLobby() {
 			const newLobbyState = this.conversation.lobbyState !== WEBINAR.LOBBY.NON_MODERATORS
 			this.isLobbyStateLoading = true

src/components/ConversationSettings/LockingSettings.vue

@@ -27,6 +27,7 @@
 
 <script>
 import { showError, showSuccess } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
@@ -69,6 +70,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		async toggleReadOnly() {
 			const newReadOnly = this.isReadOnly ? CONVERSATION.STATE.READ_WRITE : CONVERSATION.STATE.READ_ONLY
 			this.isReadOnlyStateLoading = true

src/components/ConversationSettings/Matterbridge/BridgePart.vue

@@ -75,6 +75,8 @@
 </template>
 
 <script>
+import { t } from '@nextcloud/l10n'
+
 import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
 import NcActionLink from '@nextcloud/vue/dist/Components/NcActionLink.js'
 import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
@@ -150,6 +152,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		classesOf(name) {
 			const classes = {
 				icon: true,

src/components/ConversationSettings/Matterbridge/MatterbridgeSettings.vue

@@ -88,6 +88,7 @@ import Message from 'vue-material-design-icons/Message.vue'
 import Plus from 'vue-material-design-icons/Plus.vue'
 
 import { showSuccess } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 import { imagePath } from '@nextcloud/router'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
@@ -538,6 +539,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		relaunchStateLoop(token) {
 			// start loop to periodically get bridge state
 			clearInterval(this.stateLoop)

src/components/ConversationSettings/NotificationsSettings.vue

@@ -37,6 +37,8 @@ import Account from 'vue-material-design-icons/Account.vue'
 import VolumeHigh from 'vue-material-design-icons/VolumeHigh.vue'
 import VolumeOff from 'vue-material-design-icons/VolumeOff.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 
 import { PARTICIPANT } from '../../constants.js'
@@ -82,6 +84,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		notificationLevelIcon(value) {
 			switch (value) {
 			case PARTICIPANT.NOTIFY.ALWAYS:

src/components/ConversationSettings/RecordingConsentSettings.vue

@@ -29,6 +29,7 @@
 
 <script>
 import { showError, showSuccess } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 
@@ -90,6 +91,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		async setRecordingConsent(value) {
 			this.loading = true
 			try {

src/components/ConversationSettings/SipSettings.vue

@@ -31,6 +31,7 @@
 
 <script>
 import { showError, showSuccess } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 
@@ -68,6 +69,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		async toggleSetting(setting) {
 			let state = WEBINAR.SIP.DISABLED
 			if (setting === 'enable') {

src/components/GuestWelcomeWindow.vue

@@ -42,6 +42,8 @@
 <script>
 import Check from 'vue-material-design-icons/CheckBold.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
 import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
@@ -102,6 +104,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		handleChooseUserName() {
 			this.guestNameStore.submitGuestUsername(this.token, this.guestUserName)
 		},

src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue

@@ -46,6 +46,7 @@
 <script>
 import { showError } from '@nextcloud/dialogs'
 import { emit } from '@nextcloud/event-bus'
+import { t } from '@nextcloud/l10n'
 
 import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
 import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
@@ -102,6 +103,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		showModal() {
 			this.modal = true
 		},

src/components/LeftSidebar/ConversationsList/Conversation.vue

@@ -120,6 +120,7 @@ import Star from 'vue-material-design-icons/Star.vue'
 
 import { showError } from '@nextcloud/dialogs'
 import { emit } from '@nextcloud/event-bus'
+import { t } from '@nextcloud/l10n'
 
 import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
@@ -232,6 +233,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		handleCopyLink() {
 			copyConversationLinkToClipboard(this.item.token)
 		},

src/components/LeftSidebar/InvitationHandler.vue

@@ -70,6 +70,8 @@ import CancelIcon from 'vue-material-design-icons/Cancel.vue'
 import CheckIcon from 'vue-material-design-icons/Check.vue'
 import WebIcon from 'vue-material-design-icons/Web.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
@@ -133,6 +135,8 @@ export default {
 	expose: ['showModal'],
 
 	methods: {
+		t,
+
 		async showModal() {
 			this.modal = true
 

src/components/LeftSidebar/LeftSidebar.vue

@@ -310,6 +310,7 @@ import Plus from 'vue-material-design-icons/Plus.vue'
 import { showError } from '@nextcloud/dialogs'
 import { emit } from '@nextcloud/event-bus'
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 
 import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
 import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
@@ -654,6 +655,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		showModalNewConversation() {
 			this.$refs.newConversationDialog.showModal()
 		},

src/components/LeftSidebar/OpenConversationsList/OpenConversationsList.vue

@@ -16,6 +16,8 @@
 <script>
 import { provide, ref } from 'vue'
 
+import { t } from '@nextcloud/l10n'
+
 import RoomSelector from '../../RoomSelector.vue'
 
 export default {
@@ -50,6 +52,7 @@ export default {
 	expose: ['showModal'],
 
 	methods: {
+		t,
 		showModal() {
 			this.modal = true
 		},

src/components/LobbyScreen.vue

@@ -37,6 +37,7 @@
 <script>
 import RoomService from 'vue-material-design-icons/RoomService.vue'
 
+import { t } from '@nextcloud/l10n'
 import moment from '@nextcloud/moment'
 
 import NcRichText from '@nextcloud/vue/dist/Components/NcRichText.js'
@@ -106,6 +107,9 @@ export default {
 		},
 	},
 
+	methods: {
+		t,
+	},
 }
 </script>
 

src/components/MediaSettings/MediaDevicesSelector.vue

@@ -37,6 +37,8 @@ import Microphone from 'vue-material-design-icons/Microphone.vue'
 import RefreshIcon from 'vue-material-design-icons/Refresh.vue'
 import VideoIcon from 'vue-material-design-icons/Video.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
 
@@ -191,6 +193,10 @@ export default {
 			this.$emit('update:deviceId', deviceSelectedOption ? deviceSelectedOption.id : undefined)
 		},
 	},
+
+	methods: {
+		t,
+	},
 }
 </script>
 

src/components/MediaSettings/MediaDevicesSpeakerTest.vue

@@ -23,6 +23,8 @@
 <script>
 import VolumeHighIcon from 'vue-material-design-icons/VolumeHigh.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
 export default {
@@ -60,6 +62,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		playTestSound() {
 			if (this.isPlayingTestSound) {
 				this.$store.dispatch('pauseWaitAudio')

src/components/MediaSettings/MediaSettings.vue

@@ -193,6 +193,7 @@ import VideoIcon from 'vue-material-design-icons/Video.vue'
 import VideoOff from 'vue-material-design-icons/VideoOff.vue'
 
 import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
+import { t } from '@nextcloud/l10n'
 
 import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
 import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
@@ -485,6 +486,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		showModal(page) {
 			this.modal = true
 			if (page === 'video-verification') {

src/components/MediaSettings/VideoBackgroundEditor.vue

@@ -80,6 +80,7 @@ import Upload from 'vue-material-design-icons/Upload.vue'
 
 import { showError } from '@nextcloud/dialogs'
 import { FilePickerVue } from '@nextcloud/dialogs/filepicker.js'
+import { t } from '@nextcloud/l10n'
 import { imagePath, generateUrl } from '@nextcloud/router'
 
 import { VIRTUAL_BACKGROUND } from '../../constants.js'
@@ -183,6 +184,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		handleSelectBackground(path) {
 			this.$emit('update-background', path)
 			this.selectedBackground = path

src/components/MessagesList/MessagesGroup/Message/Message.vue

@@ -90,6 +90,7 @@ import UnfoldLess from 'vue-material-design-icons/UnfoldLessHorizontal.vue'
 import UnfoldMore from 'vue-material-design-icons/UnfoldMoreHorizontal.vue'
 
 import { showError, showSuccess, showWarning, TOAST_DEFAULT_TIMEOUT } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
@@ -343,6 +344,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		lastReadMessageVisibilityChanged(isVisible) {
 			if (isVisible) {
 				this.seen = true

src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue

@@ -274,6 +274,7 @@ import Share from 'vue-material-design-icons/Share.vue'
 import Translate from 'vue-material-design-icons/Translate.vue'
 
 import { showError, showSuccess } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 import moment from '@nextcloud/moment'
 
 import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
@@ -560,6 +561,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		handleReply() {
 			this.$emit('reply')
 		},

src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageForwarder.vue

@@ -45,6 +45,7 @@ import { inject } from 'vue'
 import Check from 'vue-material-design-icons/Check.vue'
 
 import { showError } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
@@ -107,6 +108,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		async setSelectedConversationToken(conversation) {
 			this.selectedConversationToken = conversation.token
 			this.selectedConversationName = conversation.displayName

src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageTranslateDialog.vue

@@ -67,6 +67,7 @@ import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
 import ContentCopy from 'vue-material-design-icons/ContentCopy.vue'
 
 import { showError, showSuccess } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
@@ -205,6 +206,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		handleTranslate() {
 			this.translateMessage(this.selectedFrom?.id)
 		},

src/components/MessagesList/MessagesGroup/Message/MessagePart/AudioPlayer.vue

@@ -12,6 +12,7 @@
 </template>
 
 <script>
+import { t } from '@nextcloud/l10n'
 import { encodePath } from '@nextcloud/paths'
 import { generateRemoteUrl } from '@nextcloud/router'
 
@@ -71,6 +72,9 @@ export default {
 		},
 	},
 
+	methods: {
+		t,
+	},
 }
 </script>
 

src/components/MessagesList/MessagesGroup/Message/MessagePart/Contact.vue

@@ -24,6 +24,8 @@
 </template>
 
 <script>
+import { t } from '@nextcloud/l10n'
+
 export default {
 	name: 'Contact',
 
@@ -71,6 +73,10 @@ export default {
 			return t('spreed', 'Contact')
 		},
 	},
+
+	methods: {
+		t,
+	},
 }
 </script>
 

src/components/MessagesList/MessagesGroup/Message/MessagePart/DeckCard.vue

@@ -24,6 +24,8 @@
 </template>
 
 <script>
+import { t } from '@nextcloud/l10n'
+
 export default {
 	name: 'DeckCard',
 
@@ -70,6 +72,10 @@ export default {
 			return t('spreed', 'Deck Card')
 		},
 	},
+
+	methods: {
+		t,
+	},
 }
 </script>
 

src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue

@@ -61,6 +61,7 @@
 import Close from 'vue-material-design-icons/Close.vue'
 import PlayCircleOutline from 'vue-material-design-icons/PlayCircleOutline.vue'
 
+import { t } from '@nextcloud/l10n'
 import { encodePath } from '@nextcloud/paths'
 import { generateUrl, imagePath, generateRemoteUrl } from '@nextcloud/router'
 import { getUploader } from '@nextcloud/upload'
@@ -572,6 +573,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		handleClick(event) {
 			if (this.isUploadEditor) {
 				this.$emit('remove-file', this.id)

src/components/MessagesList/MessagesGroup/Message/MessagePart/Location.vue

@@ -43,6 +43,8 @@ import {
 	LTileLayer,
 } from 'vue2-leaflet'
 
+import { t } from '@nextcloud/l10n'
+
 export default {
 	name: 'Location',
 
@@ -111,6 +113,10 @@ export default {
 			return t('spreed', 'Open this location in OpenStreetMap')
 		},
 	},
+
+	methods: {
+		t,
+	},
 }
 </script>
 

src/components/MessagesList/MessagesGroup/Message/MessagePart/MessageBody.vue

@@ -120,6 +120,7 @@ import ContentCopyIcon from 'vue-material-design-icons/ContentCopy.vue'
 import ReloadIcon from 'vue-material-design-icons/Reload.vue'
 
 import { showError, showSuccess } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 import moment from '@nextcloud/moment'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
@@ -316,6 +317,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		handleMarkdownMouseOver(event) {
 			if (!this.containsCodeBlocks) {
 				return

src/components/MessagesList/MessagesGroup/Message/MessagePart/Poll.vue

@@ -32,6 +32,8 @@
 <script>
 import PollIcon from 'vue-material-design-icons/Poll.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
 import { POLL } from '../../../../../constants.js'
@@ -85,6 +87,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		getPollData() {
 			if (!this.poll) {
 				this.$store.dispatch('getPollData', {

src/components/MessagesList/MessagesGroup/Message/MessagePart/Reactions.vue

@@ -72,6 +72,7 @@ import EmoticonPlusOutline from 'vue-material-design-icons/EmoticonPlusOutline.v
 import HeartOutlineIcon from 'vue-material-design-icons/HeartOutline.vue'
 
 import { showError } from '@nextcloud/dialogs'
+import { t, n } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcEmojiPicker from '@nextcloud/vue/dist/Components/NcEmojiPicker.js'
@@ -183,6 +184,8 @@ export default {
 	},
 
 	methods: {
+		t,
+		n,
 		fetchReactions() {
 			if (!this.hasReactionsLoaded || this.hasOutdatedDetails) {
 				this.reactionsStore.fetchReactions(this.token, this.id)

src/components/MessagesList/MessagesGroup/Message/MessagePart/ReactionsList.vue

@@ -50,6 +50,8 @@
 <script>
 import HeartOutlineIcon from 'vue-material-design-icons/HeartOutline.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
@@ -145,6 +147,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		closeModal() {
 			this.$emit('close')
 		},

src/components/MessagesList/MessagesGroup/MessagesGroup.vue

@@ -30,6 +30,8 @@
 </template>
 
 <script>
+import { t } from '@nextcloud/l10n'
+
 import Message from './Message/Message.vue'
 import AvatarWrapper from '../../AvatarWrapper/AvatarWrapper.vue'
 
@@ -140,6 +142,9 @@ export default {
 		},
 	},
 
+	methods: {
+		t,
+	},
 }
 </script>
 

src/components/MessagesList/MessagesList.vue

@@ -61,6 +61,7 @@ import Message from 'vue-material-design-icons/Message.vue'
 
 import Axios from '@nextcloud/axios'
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
+import { t, n } from '@nextcloud/l10n'
 import moment from '@nextcloud/moment'
 
 import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
@@ -330,6 +331,8 @@ export default {
 	},
 
 	methods: {
+		t,
+		n,
 		prepareMessagesGroups(messages) {
 			let prevGroupMap = null
 			const groupsByDate = {}

src/components/NewConversationDialog/NewConversationContactsPage.vue

@@ -64,6 +64,7 @@ import Close from 'vue-material-design-icons/Close.vue'
 import Magnify from 'vue-material-design-icons/Magnify.vue'
 
 import { showError } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 
 import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
 
@@ -177,6 +178,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		handleInput() {
 			this.noResults = false
 			this.contactsLoading = true

src/components/NewConversationDialog/NewConversationDialog.vue

@@ -116,6 +116,7 @@ import AlertCircle from 'vue-material-design-icons/AlertCircle.vue'
 import Check from 'vue-material-design-icons/Check.vue'
 
 import { showError } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
@@ -238,6 +239,7 @@ export default {
 	expose: ['showModalForItem', 'showModal'],
 
 	methods: {
+		t,
 		showModal() {
 			this.modal = true
 		},

src/components/NewConversationDialog/NewConversationSetupPage.vue

@@ -60,6 +60,8 @@
 </template>
 
 <script>
+import { t } from '@nextcloud/l10n'
+
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 import NcPasswordField from '@nextcloud/vue/dist/Components/NcPasswordField.js'
 import NcTextArea from '@nextcloud/vue/dist/Components/NcTextArea.js'
@@ -185,6 +187,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		// Inner method to update parent object
 		updateNewConversation(data) {
 			this.$emit('update:newConversation', Object.assign({}, this.newConversation, data))

src/components/NewMessage/NewMessage.vue

@@ -182,6 +182,7 @@ import SendIcon from 'vue-material-design-icons/Send.vue'
 
 import { showError, showWarning } from '@nextcloud/dialogs'
 import { FilePickerVue } from '@nextcloud/dialogs/filepicker.js'
+import { t } from '@nextcloud/l10n'
 import moment from '@nextcloud/moment'
 import { generateUrl } from '@nextcloud/router'
 
@@ -555,6 +556,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		handleTyping() {
 			// Enable signal sending, only if indicator for this input is on
 			if (!this.showTypingStatus) {

src/components/NewMessage/NewMessageAbsenceInfo.vue

@@ -30,6 +30,8 @@
 <script>
 import ChevronUp from 'vue-material-design-icons/ChevronUp.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
 
@@ -97,6 +99,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		toggleCollapsed() {
 			this.collapsed = !this.collapsed
 		},

src/components/NewMessage/NewMessageAttachments.vue

@@ -62,6 +62,8 @@ import Paperclip from 'vue-material-design-icons/Paperclip.vue'
 import PollIcon from 'vue-material-design-icons/Poll.vue'
 import Upload from 'vue-material-design-icons/Upload.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
 import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
 import NcIconSvgWrapper from '@nextcloud/vue/dist/Components/NcIconSvgWrapper.js'
@@ -128,5 +130,9 @@ export default {
 			return t('spreed', 'Share from {nextcloud}', { nextcloud: OC.theme.productName })
 		},
 	},
+
+	methods: {
+		t,
+	},
 }
 </script>

src/components/NewMessage/NewMessageAudioRecorder.vue

@@ -59,6 +59,7 @@ import Close from 'vue-material-design-icons/Close.vue'
 import Microphone from 'vue-material-design-icons/Microphone.vue'
 
 import { showError } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip.js'
@@ -171,6 +172,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		/**
 		 * Initialize the media stream and start capturing the audio
 		 */

src/components/NewMessage/NewMessageNewFileDialog.vue

@@ -55,6 +55,7 @@
 
 <script>
 import { showError } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
@@ -184,6 +185,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		updateNewFileTitle(value) {
 			this.newFileTitle = value
 		},

src/components/NewMessage/NewMessagePollEditor.vue

@@ -74,6 +74,8 @@
 import Close from 'vue-material-design-icons/Close.vue'
 import Plus from 'vue-material-design-icons/Plus.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
@@ -123,6 +125,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		// Remove a previously added option
 		deleteOption(index) {
 			this.pollOptions.splice(index, 1)

src/components/NewMessage/NewMessageTypingIndicator.vue

@@ -28,6 +28,8 @@
 <script>
 import escapeHtml from 'escape-html'
 
+import { t, n } from '@nextcloud/l10n'
+
 import AvatarWrapper from '../AvatarWrapper/AvatarWrapper.vue'
 
 import { AVATAR } from '../../constants.js'
@@ -112,6 +114,8 @@ export default {
 	},
 
 	methods: {
+		t,
+		n,
 		prepareNamesList() {
 			return this.visibleParticipants.reverse()
 				.map(participant => this.getParticipantName(participant))

src/components/NewMessage/NewMessageUploadEditor.vue

@@ -77,6 +77,8 @@
 <script>
 import Plus from 'vue-material-design-icons/Plus.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
 
@@ -180,6 +182,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		async getContainerId() {
 			await this.$nextTick()
 			// Postpone render of NewMessage until modal container is mounted

src/components/PermissionsEditor/PermissionsEditor.vue

@@ -61,6 +61,7 @@
 
 <script>
 import { loadState } from '@nextcloud/initial-state'
+import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
@@ -200,6 +201,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		/**
 		 * Takes the permissions from the store and writes them in the data of
 		 * this component.

src/components/PollViewer/PollViewer.vue

@@ -93,6 +93,8 @@
 import FileLock from 'vue-material-design-icons/FileLock.vue'
 import PollIcon from 'vue-material-design-icons/Poll.vue'
 
+import { t, n } from '@nextcloud/l10n'
+
 import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
 import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
@@ -263,6 +265,8 @@ export default {
 	},
 
 	methods: {
+		t,
+		n,
 		getPollData() {
 			if (!this.poll) {
 				this.$store.dispatch('getPollData', {

src/components/PollViewer/PollVotersDetails.vue

@@ -42,6 +42,8 @@
 </template>
 
 <script>
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcPopover from '@nextcloud/vue/dist/Components/NcPopover.js'
 
@@ -81,6 +83,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		getDisplayName(item) {
 			if (item.actorDisplayName === '' && item.actorType === ATTENDEE.ACTOR_TYPE.GUESTS) {
 				return t('spreed', 'Guest')

src/components/Quote.vue

@@ -59,6 +59,8 @@ import { toRefs } from 'vue'
 import Close from 'vue-material-design-icons/Close.vue'
 import PencilIcon from 'vue-material-design-icons/Pencil.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcRichText from '@nextcloud/vue/dist/Components/NcRichText.js'
 
@@ -211,6 +213,7 @@ export default {
 	},
 
 	methods: {
+		t,
 		handleAbort() {
 			if (this.editMessage) {
 				this.chatExtrasStore.removeMessageIdToEdit(this.message.token)