use message format

Signed-off-by: nabim777 <[email protected]>

Author: nabim777

src/constants/messages.js

@@ -20,9 +20,11 @@ export const messages = {
 	externalOIDCProvider: t(APP_ID, 'External Provider'),
 	tokenExchangeHintText: t(APP_ID, 'When enabled, the app will try to obtain a token for the given audience from the identity provider. If disabled, it will use the access token obtained during the login process.'),
 	opRequiredVersionAndPlanHint: t(APP_ID, 'Requires OpenProject version {version} (or higher) and an active Corporate plan.', { version: OPENPROJECT_VERSION }),
+	pleaseSelectProject: t(APP_ID, 'Please select a project'),
 }
 
 export const messagesFmt = {
 	appNotEnabledOrUnsupported: (app, version) => t(APP_ID, 'This feature requires version {version} (or higher) of "{app}" app. Please install or update the app.', { app, version }),
 	configureOIDCProviders: (settingsLink) => t(APP_ID, 'You can configure OIDC providers in the {settingsLink}', { settingsLink }, null, { escape: false, sanitize: false }),
+	noMachingFound: (fieldName) => t(APP_ID, 'No matching {fieldName} found!', { fieldName }),
 }

src/views/CreateWorkPackageModal.vue

@@ -171,6 +171,7 @@ import { loadState } from '@nextcloud/initial-state'
 import { translate as t } from '@nextcloud/l10n'
 import { STATE } from '../utils.js'
 import debounce from 'lodash/debounce.js'
+import { messages, messagesFmt } from '../constants/messages.js'
 
 const SEARCH_CHAR_LIMIT = 1
 const DEBOUNCE_THRESHOLD = 500
@@ -303,7 +304,7 @@ export default {
 		},
 		getNoOptionTextForProject() {
 			if (this.availableProjects.length === 0) {
-				return t('integration_openproject', 'No matching work projects found!')
+				return messagesFmt.noMachingFound('project')
 			}
 			// while projects are being searched we make the no text option empty
 			return ''
@@ -618,9 +619,9 @@ export default {
 		},
 		getNoOptionText(fieldName) {
 			if (this.project.label === null) {
-				return t('integration_openproject', 'Please select a project first!')
+				return messages.pleaseSelectProject
 			}
-			return t('integration_openproject', `No matching ${fieldName} found!`)
+			return messagesFmt.noMachingFound(fieldName)
 		},
 		async setAvailableAssigneesForProject(projectId) {
 			this.availableAssignees = []