From 3f3e5b1da82328b6db6114f6dc0ea32f7cd5fbc3 Mon Sep 17 00:00:00 2001
From: joshuaboud <joshuaboud@hotmail.com>
Date: Mon, 13 Jun 2022 17:34:08 -0300
Subject: [PATCH] remove watch to make more lightweight

---
 navigator/src/components/DirectoryEntry.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/navigator/src/components/DirectoryEntry.vue b/navigator/src/components/DirectoryEntry.vue
index 9dcc5c2..9a06b74 100644
--- a/navigator/src/components/DirectoryEntry.vue
+++ b/navigator/src/components/DirectoryEntry.vue
@@ -81,7 +81,7 @@
 </template>
 
 <script>
-import { ref, inject, watch, nextTick, onBeforeUnmount, onMounted, onActivated, onDeactivated } from 'vue';
+import { ref, inject, watch, nextTick, onBeforeUnmount, onMounted, onActivated, onDeactivated, onUpdated } from 'vue';
 import { DocumentIcon, FolderIcon, LinkIcon, DocumentRemoveIcon, ArrowNarrowRightIcon, XIcon, ChevronDownIcon, ChevronUpIcon } from '@heroicons/vue/solid';
 import { settingsInjectionKey } from '../keys';
 import DirectoryEntryList from './DirectoryEntryList.vue';
@@ -119,8 +119,6 @@ export default {
 		const directoryEntryListRef = ref();
 		const selectIntersectElement = ref();
 
-		// const selectedClasses = ref([]);
-
 		if (props.entry.type === 'd' || (props.entry.type === 'l' && props.entry.target?.type === 'd')) {
 			icon.value = FolderIcon;
 			directoryLike.value = true;
@@ -158,9 +156,11 @@ export default {
 		}
 
 		onMounted(() => {
-			watch(selectIntersectElement, () =>
-				emit('setEntryProp', 'DOMElement', selectIntersectElement.value), { immediate: true }
-			);
+			emit('setEntryProp', 'DOMElement', selectIntersectElement.value);
+		})
+
+		onUpdated(() => {
+			emit('setEntryProp', 'DOMElement', selectIntersectElement.value);
 		});
 
 		onBeforeUnmount(() => {