htmx

将 Hono 与 htmx 结合使用。

typed-htmx

通过使用 typed-htmx，你可以使用带有 htmx 属性的 TypeScript 定义来编写 JSX。 我们可以遵循 typed-htmx 示例项目 中找到的相同模式，将其与 hono/jsx 一起使用。

安装软件包：

npm i -D typed-htmx

在 src/global.d.ts （如果你正在使用 HonoX，则为 app/global.d.ts）中，导入 typed-htmx 类型：

import 'typed-htmx'

使用 typed-htmx 定义扩展 Hono 的 JSX 类型：

// 如何使用 htmx 属性增强外部类型的演示。
// 在本例中，Hono 从其自身的命名空间获取类型，因此我们执行相同的操作
// 并直接扩展其命名空间。
declare module 'hono/jsx' {
  namespace JSX {
    interface HTMLAttributes extends HtmxAttributes {}
  }
}

另请参阅

• htmx
• typed-htmx