Simplify component wrapper method

symfony · Sep 28, 2024 · b957699 · b957699
1 parent edf49f4
commit b957699
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 32 deletions.
diff --git a/src/Vue/assets/dist/render_controller.js b/src/Vue/assets/dist/render_controller.js
@@ -57,20 +57,16 @@ class default_1 extends Controller {
         this.dispatch(name, { detail: payload, prefix: 'vue' });
     }
     wrapComponent(component) {
-        return defineComponent({
-            setup: () => {
-                const props = this.props;
-                return () => h(component, {
-                    ...props,
-                    ...Object.fromEntries(Object.keys(props).map((propName) => [
-                        `onUpdate:${propName}`,
-                        (value) => {
-                            props[propName] = value;
-                        },
-                    ])),
-                });
-            },
-        });
+        const { props } = this;
+        return defineComponent(() => () => h(component, {
+            ...props,
+            ...Object.fromEntries(Object.keys(props).map((propName) => [
+                `onUpdate:${propName}`,
+                (value) => {
+                    props[propName] = value;
+                },
+            ])),
+        }));
     }
 }
 default_1.values = {

diff --git a/src/Vue/assets/src/render_controller.ts b/src/Vue/assets/src/render_controller.ts
@@ -107,23 +107,18 @@ export default class extends Controller<Element & { __vue_app__?: App<Element> }
     }
 
     private wrapComponent(component: Component): Component {
-        return defineComponent({
-            setup: () => {
-                const props = this.props;
-
-                return () =>
-                    h(component, {
-                        ...props,
-                        ...Object.fromEntries(
-                            Object.keys(props).map((propName) => [
-                                `onUpdate:${propName}`,
-                                (value: unknown) => {
-                                    props[propName] = value;
-                                },
-                            ])
-                        ),
-                    });
-            },
-        });
+        const { props } = this;
+
+        return defineComponent(() => () => h(component, {
+            ...props,
+            ...Object.fromEntries(
+                Object.keys(props).map((propName) => [
+                    `onUpdate:${propName}`,
+                    (value: unknown) => {
+                        props[propName] = value;
+                    },
+                ])
+            ),
+        }));
     }
 }