Simplify component wrapper method

Author: 7-zete-7

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 = {

src/Vue/assets/src/render_controller.ts

@@ -107,23 +107,21 @@ 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;
+                            },
+                        ])
+                    ),
+                })
+        );
     }
 }