packages/omi/package.json

@@ -1,6 +1,6 @@
 {
   "name": "omi",
-  "version": "7.7.3",
+  "version": "7.7.4",
   "scripts": {
     "start": "vite",
     "dev-vite": "vite",

packages/omi/src/component.ts

@@ -14,7 +14,7 @@ import {
 import { diff } from './diff'
 import { ExtendedElement } from './dom'
 import 'weakmap-polyfill'
-import { ObjectVNode, VNode } from './vdom'
+import { ObjectVNode, VNode, createElement } from './vdom'
 import { setActiveComponent, clearActiveComponent } from 'reactive-signal'
 import { options } from './options'
 import { define } from './define'
@@ -53,6 +53,9 @@ export type ComponentHookRegistry = Record<
 export type Ref<T = any> = { current?: T }
 
 export class Component<State = any> extends HTMLElement {
+  static h = createElement
+  static f = createElement.f
+
   static is = 'Component'
   static defaultProps: Record<string, unknown>
   static reflectProps: ReflectProps

packages/omi/src/index.ts

@@ -22,4 +22,4 @@ export type { Signal, SignalObject, Signal as SignalValue } from 'reactive-signa
 export { css } from './css-tag'
 export { mixin, globalCSS } from './options'
 export { registerDirective } from './directive'
-export const version = '7.7.3'
+export const version = '7.7.4'