使用windicss的attributify mode时提示属性不存在

解决方案：
在src目录下新建shims.d.ts
内容如下：

React

import { AttributifyAttributes } from 'windicss/types/jsx'

declare module 'react' {
  interface HTMLAttributes<T> extends AttributifyAttributes {}
}

Vue

import { AttributifyAttributes } from 'windicss/types/jsx'

declare module '@vue/runtime-dom' {
  interface HTMLAttributes extends AttributifyAttributes {}
}

Attributify with Prefix

import { AttributifyNames } from 'windicss/types/jsx'

type Prefix = 'w:' // change it to your prefix

interface HTMLAttributes extends Partial<Record<AttributifyNames<Prefix>, string>> {}

eslint配置

如果 eslint提示An interface declaring no members is equivalent to its supertype @typescript-eslint/no-empty-interface
则需要在eslint的配置文件中添加规则如下

'@typescript-eslint/no-empty-interface': 0,