jsx

example/index.js

@@ -0,0 +1,40 @@
+import { createApp, ref, defineComponent } from 'vue';
+
+const SuperButton = (props, context) => (
+    <div class={props.class}>
+      Super
+      <button
+        on={{
+          click: () => {
+            context.emit('click');
+          },
+        }}
+      >
+        { props.buttonText }
+      </button>
+    </div>
+);
+
+SuperButton.inheritAttrs = false;
+
+const App = defineComponent(() => {
+  const count = ref(0);
+  const inc = () => {
+    count.value++;
+  };
+
+  return () => (
+    <div>
+      Foo {count.value}
+      <SuperButton
+        buttonText="VueComponent"
+        class="xxx"
+        on={{
+          click: inc,
+        }}
+      />
+    </div>
+  );
+});
+
+createApp(App).mount('#app');