How to determine that a component can accept native html attributes of a specific element?

[cawa-93]

If I build component that is some wrapper around native HTML element, how I should define what this component may accept any HTML attributes for this element?

For example, if I create custom input:

// custom-input-component.js
import { h } from 'vue'
export function CustomInputComponent() {
  return h('input')
}

How do I explain to typescript, IDEs, and so on that this component work as an input and may accept all input attributes, and get Intelligent code completion?

I also have a type declaration file in which I declare the export of the component.

// custom-input-component.d.ts
export declare const CustomInputComponent: DefineComponent<{}, {}, any>

Maybe I should change these types somehow? I haven't found any documentation about that anywhere

[rudyxu1102]

vuejs/rfcs#477