From 2582b6a18110b3a080184d99a53114fed2e7af55 Mon Sep 17 00:00:00 2001
From: Louis Chemineau <louis@chmn.me>
Date: Thu, 3 Oct 2024 15:02:47 +0200
Subject: [PATCH] fix: Minor @nc/vue usage errors

Signed-off-by: Louis Chemineau <louis@chmn.me>
---
 apps/files_sharing/src/components/SharingInput.vue |  1 +
 apps/files_versions/src/components/Version.vue     | 11 ++++++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/apps/files_sharing/src/components/SharingInput.vue b/apps/files_sharing/src/components/SharingInput.vue
index 807350d7ca7..66a6044f7c2 100644
--- a/apps/files_sharing/src/components/SharingInput.vue
+++ b/apps/files_sharing/src/components/SharingInput.vue
@@ -17,6 +17,7 @@
 			:clear-search-on-blur="() => false"
 			:user-select="true"
 			:options="options"
+			:label-outside="true"
 			@search="asyncFind"
 			@option:selected="onSelected">
 			<template #no-options="{ search }">
diff --git a/apps/files_versions/src/components/Version.vue b/apps/files_versions/src/components/Version.vue
index 7c3bb4758de..177a9fef807 100644
--- a/apps/files_versions/src/components/Version.vue
+++ b/apps/files_versions/src/components/Version.vue
@@ -5,6 +5,7 @@
 <template>
 	<NcListItem class="version"
 		:force-display-actions="true"
+		:actions-aria-label="t('files_versions', 'Actions for version from {versionHumanExplicitDate}', { versionHumanExplicitDate })"
 		:data-files-versions-version="version.fileVersion"
 		@click="click">
 		<!-- Icon -->
@@ -109,11 +110,12 @@
 		</template>
 	</NcListItem>
 </template>
-
 <script lang="ts">
 import type { PropType } from 'vue'
 import type { Version } from '../utils/versions'
 
+import { defineComponent } from 'vue'
+
 import BackupRestore from 'vue-material-design-icons/BackupRestore.vue'
 import Delete from 'vue-material-design-icons/Delete.vue'
 import Download from 'vue-material-design-icons/Download.vue'
@@ -128,13 +130,12 @@ import NcDateTime from '@nextcloud/vue/dist/Components/NcDateTime.js'
 import NcListItem from '@nextcloud/vue/dist/Components/NcListItem.js'
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip.js'
 
+import moment from '@nextcloud/moment'
 import { getRootUrl, generateOcsUrl } from '@nextcloud/router'
 import { joinPaths } from '@nextcloud/paths'
 import { loadState } from '@nextcloud/initial-state'
 import { Permission, formatFileSize } from '@nextcloud/files'
 import { translate as t } from '@nextcloud/l10n'
-import { defineComponent } from 'vue'
-
 import axios from '@nextcloud/axios'
 
 const hasPermission = (permissions: number, permission: number): boolean => (permissions & permission) !== 0
@@ -225,6 +226,10 @@ export default defineComponent({
 			return label
 		},
 
+		versionHumanExplicitDate(): string {
+			return moment(this.version.mtime).format('LLLL')
+		},
+
 		downloadURL(): string {
 			if (this.isCurrent) {
 				return getRootUrl() + joinPaths('/remote.php/webdav', this.fileInfo.path, this.fileInfo.name)
-- 
2.39.5