748bcb996d
* docs: add example of Ionic with TypeScript * docs: fix example code typo * fix: support ionicons * docs: fix example code by ESLint and prettier * docs: example remove invalid config * Renamed example to with-ionic-typescript * Updated .gitignore * Updated readme * Updated package.json Co-authored-by: Hidetaka Okamoto <info@wp-kyoto.net> Co-authored-by: Luis Alvarez <luis@vercel.com>
24 lines
721 B
TypeScript
24 lines
721 B
TypeScript
import { ReactText, HTMLAttributes } from 'react'
|
|
import { JSX as LocalJSX } from '@ionic/core'
|
|
import { JSX as IoniconsJSX } from 'ionicons'
|
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
import IonicIntrinsicElements = LocalJSX.IntrinsicElements
|
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
import IoniconsIntrinsicElements = IoniconsJSX.IntrinsicElements
|
|
|
|
type ToReact<T> = {
|
|
[P in keyof T]?: T[P] &
|
|
Omit<HTMLAttributes<Element>, 'className'> & {
|
|
class?: string
|
|
key?: ReactText
|
|
}
|
|
}
|
|
|
|
declare global {
|
|
export namespace JSX {
|
|
interface IntrinsicElements
|
|
extends ToReact<IonicIntrinsicElements & IoniconsIntrinsicElements> {
|
|
key?: string
|
|
}
|
|
}
|
|
}
|