Vuetify

[Teodorko]

Hello!
Excuse me for my English)

I added a vuetify to this boilerplate.
But the components do not use colors from the theme.
for example

looks like this

and vuetify object

I hope you can tell me what I'm doing wrong.

[dannyrb]

Are you wrapping everything in <v-app>? I think that's what provides the context for which theme variables to use (I could be wrong).

See: https://vuetifyjs.com/en/style/theme

[Teodorko]

Yes i do.
All the components work correctly. I can even assign a color.

<v-tooltip slot="actionButton" bottom > <v-btn slot="activator" color="light-green" dark > <v-icon>add</v-icon> </v-btn> <span>Add new document</span> </v-tooltip>
Only theme colors do not work

[Teodorko]

@chrisvfritz may be you can help me :)

[chrisvfritz]

@Teodorko Unfortunately, I don't have any ideas. 😅 I've never used Vuetify themes and can't think of anything specific to this boilerplate that might cause the problem. If it's possible to provide a link to the source code, it's possible someone else may be able to see what's going wrong.

[frandiox]

I just mentioned this in #45. I believe it's the same issue. Use metaInfo instead of page for providing information to vue-meta and it will work 👍

[Teodorko]

@frandiox
Thank you very much friend !!

1. src/router/index.js
   Vue.use(VueMeta, {
   keyName: 'page', --> keyName: 'metaInfo'
   })
2. in components
   page -> metaInfo
   And it's works!

<v-btn :loading="tryingToLogIn" :disabled="tryingToLogIn" color="primary" block type="submit" > Login </v-btn>

[pynner]

Can confirm this is still an issue, Vuetify colors have no effect until the above change is made

[dyardyGIT]

Is there a github sample of using vuetify. I am oddly still getting lots of odd errors

i.e.
importing through at runtime (dependency injection), move index.js to same directory as nprogress/nprogress or consider making nprogress/nprogress a package import/no-relative-parent-imports
7:1 error @state/store import should occur before import of vue