fix: use computed for params

tolgee · Apr 15, 2024 · 24797ba · 24797ba
1 parent 947e444
commit 24797ba
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/packages/vue/src/T.ts b/packages/vue/src/T.ts
@@ -4,7 +4,7 @@ import {
   TranslateProps,
   TranslationKey,
 } from '@tolgee/web';
-import { defineComponent, PropType, SetupContext } from 'vue';
+import { defineComponent, PropType, SetupContext, computed } from 'vue';
 import { useTranslateInternal } from './useTranslateInternal';
 
 export const T = defineComponent({
@@ -22,13 +22,14 @@ export const T = defineComponent({
   },
   setup(props, context: SetupContext) {
     const { slots } = context;
-    const { params } = props;
-    const slotsParams = {};
-    Object.keys(slots).forEach((key) => {
-      slotsParams[key] = slots[key]();
-    });
-    const assignedParams = Object.assign({}, params, slotsParams);
     const { t } = useTranslateInternal();
+    const assignedParams = computed(() => {
+      const slotsParams = {};
+      Object.keys(slots).forEach((key) => {
+        slotsParams[key] = slots[key]();
+      });
+      return Object.assign({}, props.params, slotsParams);
+    });
     return { t, assignedParams };
   },
   render() {