fix: Vue app names

This improves the debugging experience in the vue dev tool.

Signed-off-by: Louis Chemineau <[email protected]>

apps/files_reminders/src/components/SetCustomReminderModal.vue

@@ -93,16 +93,16 @@ export default Vue.extend({
 	},
 
 	computed: {
-		fileId(): number {
-			return this.node.fileid
+		fileId(): number|undefined {
+			return this.node?.fileid
 		},
 
-		fileName(): string {
-			return this.node.basename
+		fileName(): string|undefined {
+			return this.node?.basename
 		},
 
 		name() {
-			return t('files_reminders', 'Set reminder for "{fileName}"', { fileName: this.fileName })
+			return this.fileName ? t('files_reminders', 'Set reminder for "{fileName}"', { fileName: this.fileName }) : ''
 		},
 
 		label(): string {

core/src/components/ContactsMenu.js

@@ -15,6 +15,7 @@ export const setUp = () => {
 	if (mountPoint) {
 		// eslint-disable-next-line no-new
 		new Vue({
+			name: 'ContactsMenuRoot',
 			el: mountPoint,
 			render: h => h(ContactsMenu),
 		})

core/src/components/UserMenu.js

@@ -12,6 +12,7 @@ export const setUp = () => {
 	if (mountPoint) {
 		// eslint-disable-next-line no-new
 		new Vue({
+			name: 'AccountMenuRoot',
 			el: mountPoint,
 			render: h => h(AccountMenu),
 		})