From f93c35dfb8147c668ea62ab217f91d7e0486c15a Mon Sep 17 00:00:00 2001
From: Florian de Vries <florian.devries@myparcel.nl>
Date: Wed, 11 Sep 2024 14:02:49 +0200
Subject: [PATCH] fix: make carrier name reactive

---
 libs/shared/src/components/CarrierBox.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/libs/shared/src/components/CarrierBox.vue b/libs/shared/src/components/CarrierBox.vue
index 4a1cf2ff..077822a6 100644
--- a/libs/shared/src/components/CarrierBox.vue
+++ b/libs/shared/src/components/CarrierBox.vue
@@ -17,7 +17,7 @@
 </template>
 
 <script lang="ts" setup>
-import {toRefs} from 'vue';
+import {toRefs, computed} from 'vue';
 import {resolveCarrierName} from '../utils';
 import {type CarrierIdentifier} from '../types';
 import {useCarrierRequest} from '../composables';
@@ -26,6 +26,7 @@ import Box from './Box.vue';
 
 const props = defineProps<{carrier: CarrierIdentifier}>();
 const propRefs = toRefs(props);
+const carrierName = computed(() => resolveCarrierName(propRefs.carrier.value));
 
-const {data} = useCarrierRequest(resolveCarrierName(propRefs.carrier.value));
+const {data} = useCarrierRequest(carrierName);
 </script>