app.tsx

import { h, tag, signal, Component } from 'omi'
import viteLogo from '/vite.svg'
import css from "./app.css?raw"

const count = signal(0)

@tag('my-app')
export default class extends Component {
  static css = css
  
  render() {
    return (
      <>
        <div>
          <a href="https://vitejs.dev" target="_blank">
            <img src={viteLogo} class="logo" alt="Vite logo" />
          </a>
          <a href="http://omijs.org" target="_blank">
            <img src="https://omi.cdn-go.cn/s/latest/omi.svg" class="logo omi" alt="Omi logo" />
          </a>
        </div>
        <h1>Vite + Omi</h1>
        <div class="card">
          <button onClick={() => count.value += 1 }>
            count is {count.value}
          </button>
          <p>
            Edit <code>src/app.tsx</code> and save to test HMR
          </p>
        </div>
        <p class="read-the-docs">
          Click on the Vite and Omi logos to learn more
        </p>
      </>
    )
  }
}