fix(entities-shared): add missing watcher to permissions-wrapper (#745)

* fix(entities-shared): add missing watcher to permissions-wrapper * Update PermissionsWrapper.vue Co-authored-by: Yi Yang <Leopoldthecoder@users.noreply.github.com> * Update packages/entities/entities-shared/src/components/permissions-wrapper/PermissionsWrapper.vue --------- Co-authored-by: Yi Yang <Leopoldthecoder@users.noreply.github.com>
Kong · Aug 30, 2023 · f4a54e0 · f4a54e0
1 parent 24454d9
commit f4a54e0
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/entities/entities-shared/src/components/permissions-wrapper/PermissionsWrapper.vue b/packages/entities/entities-shared/src/components/permissions-wrapper/PermissionsWrapper.vue
@@ -9,7 +9,7 @@
 
 <script setup lang="ts">
 import type { PropType } from 'vue'
-import { ref, computed, onBeforeMount } from 'vue'
+import { ref, computed, watch } from 'vue'
 
 const props = defineProps({
   /**
@@ -34,7 +34,7 @@ const props = defineProps({
 const isAllowed = ref<boolean | undefined>(undefined)
 const showSlotContent = computed((): boolean => isAllowed.value === true || (isAllowed.value !== undefined && props.forceShow === true))
 
-onBeforeMount(async (): Promise<void> => {
+watch(() => props.authFunction, async () => {
   isAllowed.value = await props.authFunction()
-})
+}, { immediate: true })
 </script>