fixup! -Adding MarkdownPencil component -adding rename function for every note item in list

Author: juliusknorr

src/components/Icons/MarkdownPencil.vue

@@ -24,38 +24,36 @@
 				:size="20"
 				fill-color="var(--color-text-lighter)"
 			/>
-
 		</template>
 		<template #actions>
 			<NcActionButton :icon="actionFavoriteIcon" @click="onToggleFavorite">
 				{{ actionFavoriteText }}
 			</NcActionButton>
 
 			<NcActionButton v-if="!renaming" @click="startRenaming">
-				<MarkdownPencil slot="icon" :size="20"/>
+				<PencilIcon slot="icon" :size="20" />
 				{{ t('notes', 'Rename') }}
 			</NcActionButton>
 			<NcActionInput v-else
 				v-model.trim="newTitle"
-				@input="onInputChange($event)"
-				@submit="onRename"
 				:disabled="!renaming"
 				:placeholder="t('notes', 'Rename note')"
 				:show-trailing-button="true"
+				@input="onInputChange($event)"
+				@submit="onRename"
 			>
-				<MarkdownPencil slot="icon" :size="20"/>
+				<PencilIcon slot="icon" :size="20" />
 			</NcActionInput>
 
 			<NcActionButton v-if="!note.readonly" :icon="actionDeleteIcon" @click="onDeleteNote">
 				{{ t('notes', 'Delete note') }}
 			</NcActionButton>
 
-			<NcActionSeparator/>
+			<NcActionSeparator />
 
 			<NcActionButton icon="icon-files-dark" @click="onCategorySelected">
 				{{ actionCategoryText }}
 			</NcActionButton>
-
 		</template>
 	</NcListItem>
 </template>
@@ -64,12 +62,11 @@
 import { NcListItem, NcActionButton, NcActionSeparator, NcActionInput } from '@nextcloud/vue'
 import AlertOctagonIcon from 'vue-material-design-icons/AlertOctagon.vue'
 import FileDocumentOutlineIcon from 'vue-material-design-icons/FileDocumentOutline.vue'
+import PencilIcon from 'vue-material-design-icons/Pencil.vue'
 import StarIcon from 'vue-material-design-icons/Star.vue'
 import { categoryLabel, routeIsNewNote } from '../Util.js'
 import { showError } from '@nextcloud/dialogs'
 import { setFavorite, setTitle, fetchNote, deleteNote } from '../NotesService.js'
-import store from '../store.js'
-import MarkdownPencil from "./Icons/MarkdownPencil.vue";
 
 export default {
 	name: 'NoteItem',
@@ -82,24 +79,22 @@ export default {
 		StarIcon,
 		NcActionSeparator,
 		NcActionInput,
-		MarkdownPencil,
-
+		PencilIcon,
 	},
 
 	props: {
 		note: {
 			type: Object,
 			required: true,
 		},
-
 	},
 
 	data() {
 		return {
 			loading: {
 				note: false,
 			},
-			newTitle: "",
+			newTitle: '',
 			renaming: false,
 		}
 	},
@@ -153,39 +148,39 @@ export default {
 			this.$emit('category-selected', this.note.category)
 		},
 		startRenaming() {
-			this.renaming = true;
-			this.$emit('start-renaming', this.note.id);
+			this.renaming = true
+			this.newTitle = this.note.title
+			this.$emit('start-renaming', this.note.id)
 		},
 		onInputChange(event) {
-			this.newTitle = event.target.value.toString();
+			this.newTitle = event.target.value.toString()
 		},
-		onRename(newTitle) {
-			newTitle = this.newTitle.toString();
+		async onRename() {
+			const newTitle = this.newTitle.toString()
 			if (!newTitle) {
-				return;
+				return
 			}
-			this.loading.note = true;
+			this.loading.note = true
 			setTitle(this.note.id, newTitle)
 				.then(() => {
-					this.note.title = newTitle;
-					this.newTitle = "";
+					this.newTitle = ''
 				})
-				.catch(() => {
-					console.log('error')
-					showError(this.t('notes', 'Error while renaming note.'));
+				.catch((e) => {
+					console.error('Failed to rename note', e)
+					showError(this.t('notes', 'Error while renaming note.'))
 				})
 				.finally(() => {
-					this.loading.note = false;
-					this.renaming = false;
-				});
+					this.loading.note = false
+					this.renaming = false
+				})
 
 			if (routeIsNewNote(this.$route)) {
 				this.$router.replace({
 					name: 'note',
-					params: {noteId: this.note.id.toString()},
-				});
+					params: { noteId: this.note.id.toString() },
+				})
 			}
-			this.renaming = false;
+			this.renaming = false
 
 		},
 		async onDeleteNote() {