Fix typings for TSX in Vue package

nerdslabs · May 28, 2024 · bb70b5f · bb70b5f
1 parent 3c0dd2c
commit bb70b5f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/funny-days-shave.md b/.changeset/funny-days-shave.md
@@ -0,0 +1,5 @@
+---
+"@teiler/vue": patch
+---
+
+Fix typings for TSX
diff --git a/packages/vue/src/component.ts b/packages/vue/src/component.ts
@@ -1,10 +1,11 @@
 import type { Compiler, HTMLElements, Properties, StyleDefinition, TeilerComponent } from '@teiler/core'
-import { type DefineComponent } from 'vue'
+import type { DefineComponent, HTMLAttributes } from 'vue'
+
 import Styled from './Styled'
 
 import { component, global, keyframes, styled, tags } from '@teiler/core'
 
-type VueTeilerComponent<Target extends HTMLElements, Props> = TeilerComponent<Target, Props> & DefineComponent<{}, {}, {}, {}, {}>
+type VueTeilerComponent<Target extends HTMLElements, Props> = TeilerComponent<Target, Props> & DefineComponent<Props & HTMLAttributes, {}, {}, {}, {}>
 
 const createComponent = <Target extends HTMLElements, Props>(styleDefinition: StyleDefinition<Target, Props>): VueTeilerComponent<Target, Props> => {
   const component = Styled(styleDefinition)