feature/fix-vue-i18n-9.2.31 (#1994)

Co-authored-by: renovate <renovatebot@kolaente.de>
Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/1994
Reviewed-by: konrad <k@knt.li>
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>

src/components/date/datepickerWithRange.vue

@@ -83,7 +83,7 @@ import BaseButton from '@/components/base/BaseButton.vue'
 import DatemathHelp from '@/components/date/datemathHelp.vue'
 
 const store = useStore()
-const {t} = useI18n()
+const {t} = useI18n({useScope: 'global'})
 
 const emit = defineEmits(['dateChanged'])
 

src/components/misc/api-config.vue

@@ -70,7 +70,7 @@ watch(() => props.configureOpen, (value) => {
 }, {immediate: true})
 
 
-const {t} = useI18n()
+const {t} = useI18n({useScope: 'global'})
 
 const errorMsg = ref('')
 const successMsg = ref('')

src/components/misc/create-edit.vue

@@ -28,22 +28,21 @@
 					{{ $t('misc.cancel') }}
 				</x-button>
 				<x-button
-					v-if="primaryLabel !== ''"
 					variant="primary"
 					@click.prevent.stop="primary()"
 					:icon="primaryIcon"
 					:disabled="primaryDisabled"
 				>
-					{{ primaryLabel }}
+					{{ primaryLabel || $t('misc.create') }}
 				</x-button>
 			</footer>
 		</card>
 	</modal>
 </template>
 
+<script lang="ts">
+</script>
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n'
-
 defineProps({
 	title: {
 		type: String,
@@ -51,10 +50,6 @@ defineProps({
 	},
 	primaryLabel: {
 		type: String,
-		default() {
-			const {t} = useI18n()
-			return t('misc.create')
-		},
 	},
 	primaryIcon: {
 		type: String,

src/components/misc/no-auth-wrapper.vue

@@ -38,7 +38,7 @@ import {useTitle} from '@/composables/useTitle'
 
 const route = useRoute()
 const store = useStore()
-const {t} = useI18n()
+const {t} = useI18n({useScope: 'global'})
 
 const motd = computed(() => store.state.config.motd)
 

src/components/misc/subscription.vue

@@ -51,7 +51,7 @@ const emit = defineEmits(['change'])
 
 const subscriptionService = shallowRef(new SubscriptionService())
 
-const {t} = useI18n()
+const {t} = useI18n({useScope: 'global'})
 const tooltipText = computed(() => {
 	if (disabled.value) {
 		return t('task.subscription.subscribedThroughParent', {

src/components/sharing/linkSharing.vue

@@ -195,7 +195,7 @@ const props = defineProps({
 	},
 })
 
-const {t} = useI18n()
+const {t} = useI18n({useScope: 'global'})
 
 const linkShares = ref([])
 const linkShareService = shallowReactive(new LinkShareService())

src/components/sharing/userTeam.vue

@@ -179,7 +179,7 @@ const props = defineProps({
 	},
 })
 
-const {t} = useI18n()
+const {t} = useI18n({useScope: 'global'})
 
 // This user service is either a userNamespaceService or a userListService, depending on the type we are using
 let stuffService: ShallowReactive<UserNamespaceService | UserListService | TeamListService | TeamNamespaceService>

src/components/tasks/add-task.vue

@@ -133,7 +133,7 @@ const emit = defineEmits(['taskAdded'])
 const newTaskTitle = ref('')
 const newTaskInput = useAutoHeightTextarea(newTaskTitle)
 
-const {t} = useI18n()
+const {t} = useI18n({useScope: 'global'})
 const store = useStore()
 
 const taskService = shallowReactive(new TaskService())

src/components/tasks/edit-task.vue

@@ -90,7 +90,7 @@ import ColorPicker from '../input/colorPicker.vue'
 
 import {success} from '@/message'
 
-const {t} = useI18n()
+const {t} = useI18n({useScope: 'global'})
 const router = useRouter()
 
 const props = defineProps({

src/components/tasks/partials/checklist-summary.vue

@@ -34,7 +34,7 @@ const checklistCircleDone = computed(() => {
 	return ((100 - progress) / 100) * c
 })
 
-const {t} = useI18n()
+const {t} = useI18n({useScope: 'global'})
 const label = computed(() => {
 	return checklist.value.total === checklist.value.checked 
 		? t('task.checklistAllDone', checklist.value)

src/components/tasks/partials/comments.vue

@@ -173,7 +173,7 @@ const props = defineProps({
 	},
 })
 
-const {t} = useI18n()
+const {t} = useI18n({useScope: 'global'})
 const store = useStore()
 
 const comments = ref<TaskCommentModel[]>([])

src/components/tasks/partials/defer-task.vue

@@ -54,7 +54,7 @@ const props = defineProps({
 })
 const emit = defineEmits(['update:modelValue'])
 
-const {t} = useI18n()
+const {t} = useI18n({useScope: 'global'})
 const store = useStore()
 
 const taskService = shallowReactive(new TaskService())

src/components/tasks/partials/editAssignees.vue

@@ -60,7 +60,7 @@ const props = defineProps({
 const emit = defineEmits(['update:modelValue'])
 
 const store = useStore()
-const {t} = useI18n()
+const {t} = useI18n({useScope: 'global'})
 
 const listUserService = shallowReactive(new ListUserService())
 const foundUsers = ref([])

src/components/tasks/partials/editLabels.vue

@@ -67,7 +67,7 @@ const props = defineProps({
 const emit = defineEmits(['update:modelValue', 'change'])
 
 const store = useStore()
-const {t} = useI18n()
+const {t} = useI18n({useScope: 'global'})
 
 const labelTaskService = shallowReactive(new LabelTaskService())
 const labels = ref<LabelModel[]>([])

src/components/tasks/partials/listSearch.vue

@@ -36,7 +36,7 @@ const props = defineProps({
 const emit = defineEmits(['update:modelValue'])
 
 const store = useStore()
-const {t} = useI18n()
+const {t} = useI18n({useScope: 'global'})
 
 const list = reactive<ListModel>(new ListModel())