VLayout - Property 'column' does not exist on type ComponentOptions
Shinigami92 opened this issue · comments
I have following code:
<VLayout align-space-between justify-start column>
//...
</VLayout>
Produces following error:
ERROR in .../index.tsx
30:5 Type '{ align-space-between: true; justify-start: true; column: true; }' is not assignable to type 'ComponentOptions<{ _tsxattrs: TsxComponentAttrs<Props, {}, {}>; } & Vue, DefaultData<{ _tsxattrs: TsxComponentAttrs<Props, {}, {}>; } & Vue>, DefaultMethods<{ _tsxattrs: TsxComponentAttrs<Props, {}, {}>; } & Vue>, DefaultComputed, PropsDefinition<...>, Record<...>>'.
Property 'column' does not exist on type 'ComponentOptions<{ _tsxattrs: TsxComponentAttrs<Props, {}, {}>; } & Vue, DefaultData<{ _tsxattrs: TsxComponentAttrs<Props, {}, {}>; } & Vue>, DefaultMethods<{ _tsxattrs: TsxComponentAttrs<Props, {}, {}>; } & Vue>, DefaultComputed, PropsDefinition<...>, Record<...>>'.
28 | public render(): JSX.Element {
29 | return (
> 30 | <VLayout align-space-between justify-start column>
| ^
31 | ...
I'm confused because in Props the column is defined as boolean | undefined
.
And it is working! When I remove the column
attribute, it renders in rows (as expected) and with column
it renders in columns (as expected)
https://github.com/chanlito/vuetify-tsx/blob/master/src/VLayout.tsx#L7
I'll take a closer look and tell you later. Unfortunately I have extremely many problems and test everything in a hobby project with the aim that we can use it AT work in production so that we have typescript support in 'html'/view files.
Currently I'm using class syntax.
Hopefully that has nothing to do with the problem.
I really dont know what happend over night... ¯_(ツ)_/¯
Works now?!