Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Vssue]How to use Vuetify with Nuxt 3 #24

Open
CodyBontecou opened this issue May 5, 2022 · 4 comments
Open

[Vssue]How to use Vuetify with Nuxt 3 #24

CodyBontecou opened this issue May 5, 2022 · 4 comments
Labels

Comments

@CodyBontecou
Copy link
Owner

https://codybontecou.com/how-to-use-vuetify-with-nuxt-3.html

@sammhung
Copy link

sammhung commented May 5, 2022

How to configure the plugin to work on the client-side only?

@CodyBontecou
Copy link
Owner Author

CodyBontecou commented May 6, 2022

Hey @sammhung. You should be able to rename the plugin file to vuetify.client.js to load the plugin on the client-side.

Read Nuxt's plugin docs to learn more.

@tadvas
Copy link

tadvas commented May 29, 2022

Thank you for helpful article!
I am a little bit struggling with SCSS variables integration.
Adding

  vuetify: {
    customVariables: ['~/assets/variables.scss'],
    treeShake: true
  }

to nuxt.config.ts according to Vuetify docs doesn't help.
Any suggestions? Thanks in advance

@BayBreezy
Copy link

TY!
Quick question, is this part necessary?
vite: {
define: {
'process.env.DEBUG': false,
},
},
I ran the project in dev and production and it didn't give me any trouble.. I'm just curious. I read this doc https://vitejs.dev/config/shared-options.html#define but it didnt help me understand anything lol

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

4 participants