我在astro中有一个照明组件：

import { html } from 'lit';
import { customElement, property } from "lit/decorators.js";
import { StyledTailwindElement } from '../shared/tailwind.element';
import style from "./test.component.scss?inline";

@customElement("text-input")
export class TextInput extends StyledTailwindElement(style) {

  @property({ type: String }) placeholder = '';
  @property({ type: String }) name = '';
  
  render() {
    return html`
      <input type="text" placeholder="${this.placeholder}" name="${this.name}"/>
    `;
  }
}

字符串
和

---
import { TextInput } from "../lit-tailwind/form/text-input.ts"

---

<TextInput name="exmaple"></TextInput>

型
我得到了：

的数据

Type '{ name: string; }' is not assignable to type 'IntrinsicAttributes'.
  Property 'name' does not exist on type 'IntrinsicAttributes'.ts(2322)
(property) name: string

型
我怎样才能获得点亮元素的类型安全？我尝试从text-input.ts导出Props。