Vuetify: [Bug Report] Unknown html element v-btn, ... (since update vuetify)

[PsySolix]

Versions and Environment

Vuetify: 1.1.4
Last working version: 1.0.13
Vue: 2.5.16
Browsers: Chrome 67.0.3396.99
OS: Mac OS 10.13.4

Steps to reproduce

Just open previous projects in Webstorm.

Expected Behavior

Same functionality as the other components (who are still in .js)

Actual Behavior

Webstorm open previous project -> all the components that are written in .ts files, aren't picked up by Webstorm.

Reproduction Link

Will try to setup jsfiddle later..
http://jsfiddle/

Other comments

It could be some configuration issue, but I don't think so.. Nothing changed except Vuetify version.

[KaelWD]

Show how you're importing vuetify at least.

[KaelWD]

Do you mean this? https://youtrack.jetbrains.com/issue/WEB-32886
We can't do anything about that afaik.

[PsySolix]

Hey Kael, Sorry for the not so great issue explanation.
It is indeed the issue you linked!

Closing this issue and gonna follow up on that one, thanks for linking it!

[forresthopkinsa]

Thanks @nekosaur for marking the dupe. Don't know how I didn't come across this in my search.

[jacekkarczmarczyk]

I've just noticed - creating the following file somewhere in your project (no need to importit) removes the warning:

import Vue from 'vue';

Vue.component('v-alert', {});
Vue.component('v-app', {});
...

[forresthopkinsa]

Fantastic workaround. Thanks @jacekkarczmarczyk !

[KaelWD]

Great idea @jacekkarczmarczyk, we can probably generate that with https://github.com/vuetifyjs/api-generator. We could also include props too for even better inference than before.

[jacekkarczmarczyk]

https://github.com/vuetifyjs/api-generator/commit/e42d3ff1fde8a92c3bbdb26eeed77237397bdbdd

And the generated file is here
_updated to 1.2.3, sorted props, JavaScript and TypeScript versions:_
JS - https://raw.githubusercontent.com/vuetifyjs/api-generator/master/dist/fakeComponents.js
TS - https://raw.githubusercontent.com/vuetifyjs/api-generator/master/dist/fakeComponents.ts

[FrancoisH]

@jacekkarczmarczyk Sorry to ask but even after doing this, it's still not working for me. I did put the .js with the fake components into my project... Maybe is it not working in blade files in Laravel? I did not find a way to make it work, despite Laravel blade file being seen as HTML.

Even in a blank HTML file it's not working as well. Any clue how I can get it to help me ?

Thank you.

[jacekkarczmarczyk]

Not sure but I think it works only for .vue files

[RauppRafael]

https://github.com/vuetifyjs/api-generator/commit/e42d3ff1fde8a92c3bbdb26eeed77237397bdbdd

And the generated file is here
_updated to 1.2.3, sorted props, JavaScript and TypeScript versions:_
JS - https://raw.githubusercontent.com/vuetifyjs/api-generator/master/dist/fakeComponents.js
TS - https://raw.githubusercontent.com/vuetifyjs/api-generator/master/dist/fakeComponents.ts

404 page not found

[RauppRafael]

@jacekkarczmarczyk can you upload again?

[jacekkarczmarczyk]

api-generator's /dist folder has been removed from git, so you can use links below for 1.4 version or clone vuetify repo and run yarn && yarn build in /packages/api-generator folder

js - https://gist.github.com/jacekkarczmarczyk/1f5a0c24803e3b16a6a6820e43fa3ef0
ts - https://gist.github.com/jacekkarczmarczyk/9003211c9b1c442435af3d551e025db7

[johnleider]

Is there anything left to resolve with this issue?

[KaelWD]

Nope, they added it in 2018.3
https://www.jetbrains.com/webstorm/whatsnew/#v2018-3-angular-react-and-vuejs

[gadelkareem]

Is it working with Vuetify v2? for me it is not!