fixup! refactor(appstore): migrate app discover section to Vue 3

Author: susnux

apps/appstore/src/components/DiscoverType/DiscoverTypeCarousel.vue

@@ -3,7 +3,7 @@
   - SPDX-License-Identifier: AGPL-3.0-or-later
 -->
 <template>
-	<section :aria-roledescription="t('settings', 'Carousel')" :aria-labelledby="headingId ? `${headingId}` : undefined">
+	<section :aria-roledescription="t('appstore', 'Carousel')" :aria-labelledby="headingId ? `${headingId}` : undefined">
 		<h3 v-if="headline" :id="headingId">
 			{{ translatedHeadline }}
 		</h3>
@@ -12,7 +12,7 @@
 				<NcButton
 					class="app-discover-carousel__button app-discover-carousel__button--previous"
 					variant="tertiary-no-background"
-					:aria-label="t('settings', 'Previous slide')"
+					:aria-label="t('appstore', 'Previous slide')"
 					:disabled="!hasPrevious"
 					@click="currentIndex -= 1">
 					<template #icon>
@@ -35,7 +35,7 @@
 				<NcButton
 					class="app-discover-carousel__button app-discover-carousel__button--next"
 					variant="tertiary-no-background"
-					:aria-label="t('settings', 'Next slide')"
+					:aria-label="t('appstore', 'Next slide')"
 					:disabled="!hasNext"
 					@click="currentIndex += 1">
 					<template #icon>
@@ -44,12 +44,12 @@
 				</NcButton>
 			</div>
 		</div>
-		<div class="app-discover-carousel__tabs" role="tablist" :aria-label="t('settings', 'Choose slide to display')">
+		<div class="app-discover-carousel__tabs" role="tablist" :aria-label="t('appstore', 'Choose slide to display')">
 			<NcButton
 				v-for="index of content.length"
 				:id="`${internalId}-tab-${index}`"
 				:key="index"
-				:aria-label="t('settings', '{index} of {total}', { index, total: content.length })"
+				:aria-label="t('appstore', '{index} of {total}', { index, total: content.length })"
 				:aria-controls="`${internalId}-tabpanel-${index}`"
 				:aria-selected="`${currentIndex === (index - 1)}`"
 				role="tab"

apps/appstore/src/views/AppstoreDiscover.vue

@@ -5,16 +5,16 @@
 <template>
 	<NcEmptyContent
 		v-if="hasError"
-		:name="t('settings', 'Nothing to show')"
-		:description="t('settings', 'Could not load section content from app store.')">
+		:name="t('appstore', 'Nothing to show')"
+		:description="t('appstore', 'Could not load section content from app store.')">
 		<template #icon>
 			<NcIconSvgWrapper :path="mdiEyeOffOutline" :size="64" />
 		</template>
 	</NcEmptyContent>
 	<NcEmptyContent
 		v-else-if="elements.length === 0"
-		:name="t('settings', 'Loading')"
-		:description="t('settings', 'Fetching the latest news…')">
+		:name="t('appstore', 'Loading')"
+		:description="t('appstore', 'Fetching the latest news…')">
 		<template #icon>
 			<NcLoadingIcon :size="64" />
 		</template>
@@ -58,7 +58,7 @@ onBeforeMount(async () => {
 	} catch (error) {
 		hasError.value = true
 		logger.error(error as Error)
-		showError(t('settings', 'Could not load app discover section'))
+		showError(t('appstore', 'Could not load app discover section'))
 	}
 })
 
@@ -77,7 +77,7 @@ function getComponent(type: IAppDiscoverElements['type']) {
 	}
 	return defineComponent({
 		mounted: () => logger.error('Unknown component requested ', type),
-		render: (h) => h('div', t('settings', 'Could not render element')),
+		render: (h) => h('div', t('appstore', 'Could not render element')),
 	})
 }
 </script>