search

bencodezen / vue-enterprise-boilerplate

An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI.
7.78k stars 1.32k forks source link

Vuetify #48

Closed Teodorko closed 6 years ago

Teodorko commented 6 years ago

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 image

and vuetify object image

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

dannyrb commented 6 years ago

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 commented 6 years ago

Yes i do. All the components work correctly. I can even assign a color. image `<v-tooltip slot="actionButton" bottom

<v-btn slot="activator" color="light-green" dark

add

Add new document ` Only theme colors do not work

Teodorko commented 6 years ago

@chrisvfritz may be you can help me :)

chrisvfritz commented 6 years ago

@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 commented 6 years ago

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 :+1:

Teodorko commented 6 years ago

@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!

image ` <v-btn :loading="tryingToLogIn" :disabled="tryingToLogIn" color="primary" block type="submit"

Login `

pynner commented 5 years ago

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

dyardyGIT commented 4 years ago

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