[IDE] No auto completion

[MartinX3]

Describe the bug
Using IntelliJ with its Volar Typescript service.
I don't get auto completion for the QCalendar.
It also claims the html tag us unknown.
But it compiles fine and I see the calendar on the website.

To Reproduce
Steps to reproduce the behavior:

1. Use IntelliJ
2. Write the QCalendar tag
3. See the warning

Expected behavior
Auto completion

Screenshots
N/A

Additional context
The auto completion of quasar just works fine.
Maybe because of the Quasar Tools Plugin?
https://plugins.jetbrains.com/plugin/19084-quasar-tools

[MartinX3]

Also the templates in the QCalendar show errors.
As example:
<template #column-header-after="{ scope: { timestamp } }">
shows me

Volar: Element implicitly has an 'any' type because expression of type '"column-header-after"' can't be used to index type '{}'. Property 'column-header-after' does not exist on type '{}'.

[github-actions]

Bumping this issue because it has been open for 7 days with no activity. Closing automatically in 7 days unless it becomes active again.

[MartinX3]

Still an issue with 4.0.3.
IntelliJ IDE with @vue/language-server.

[hawkeye64]

Try with v4.0.5. Not sure if it'll work for you, but recently "exports" were added to package.json
However, "types" has always been there and your editor should be reading from that location.

[MartinX3]

Hmm, it shows me Custom Vue component property hovering over any of the props like hour24-format.
But not for the quasar or vue stuff, only for the calendar addon.

I wonder why this happens or if IntelliJ needs a special configuration?
How do vue and quasar register their properties and documentations?
It also worked with vuetify before I switched to quasar.

Or is it connected to this bug ticket?
https://youtrack.jetbrains.com/issue/WEB-49361

[MartinX3]

Sadly still the case with 4.0.8.

Also while reading the docs I saw that quasar ext add @quasar/qcalendar is not enough.
It adds @quasar/quasar-app-extension-qcalendar as a devDependencies.
But I still need pnpm add @quasar/quasar-ui-qcalendar to add @quasar/quasar-ui-qcalendar as a dependencies.
Because <q-calendar> is unknown if I don't import { QCalendar } from '@quasar/quasar-ui-qcalendar' in <script lang="ts" setup>.
(But I don't need to import the css file).

That's how I use this project from the beginning.

[hawkeye64]

Typescript is coming in the coming days. That should help a lot.

[MartinX3]

Thanks you.

But still there is no property auto completion.

I think it is because of
https://github.com/JetBrains/web-types
https://plugins.jetbrains.com/docs/intellij/websymbols-web-types.html

And here the quasar support got added
quasarframework/quasar#4749

Is there a way to generate them out of the .d.ts files?
Maybe https://github.com/break-stuff/cem-tools/tree/main/packages/vuejs-integration

[hawkeye64]

@MartinX3 I have added web-types support for QCalendar v4.1.2 (just now) - please let me know how it goes
https://github.com/quasarframework/quasar-ui-qcalendar/releases/tag/v4.1.2

[MartinX3]

@hawkeye64 thank you!

Now if I don't do import { QCalendar } from '@quasar/quasar-ui-qcalendar' I see the properties.

And I think there is a mistake.
It tells me to use hour24format instead of hour24-format.
But in the correct property the F is uppercase.

Also it tells me now Element q-calendar doesn't have required attribute model-resources..

And doing CTRL+Leftclick on a property it shows me Cannot find declaration to go to.

Doing import { QCalendar } from '@quasar/quasar-ui-qcalendar' the properties are unknown again.

[hawkeye64]

@MartinX3 It could be that the JSON API needs repair. I plan on working on that soon. The web-types are built from that.
As for hour24format vs. hour24-format I will have to look at the algorithm used for kebab-case.

[github-actions]

Bumping this issue because it has been open for 7 days with no activity. Closing automatically in 7 days unless it becomes active again.

[github-actions]

Bumping this issue because it has been open for 7 days with no activity. Closing automatically in 7 days unless it becomes active again.