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

How to disable vuetify components ? #297

Open
bnbc opened this issue Feb 27, 2025 · 1 comment
Open

How to disable vuetify components ? #297

bnbc opened this issue Feb 27, 2025 · 1 comment

Comments

@bnbc
Copy link

bnbc commented Feb 27, 2025

Hello, simple question : How to disable vuetify components ?

Context: i want to disable Vuetify VDatePicker cause i want to use vcalendar.io ans there is a conflict.

I try to put the only components i want in my vuetify.config.ts, but not works, composants who are not in this list still display in my views.

import { defineVuetifyConfiguration } from 'vuetify-nuxt-module/custom-configuration'

export default defineVuetifyConfiguration({
    components: [
        'VApp',
        'VAppBar',
        'VAppBarNavIcon',
        'VBtn',
        'VCard',
        'VCardActions',
        'VCardText',
        'VCardTitle',
        'VContainer',
    ],
    theme: {
        themes: {
            light: {
                dark: false,
                colors: {
                    primary: '#212D39', // Bleu foncé
                    secondary: '#1BA6B3', // Bleu
                    success: '#0AAC6C', // Vert
                    warning: '#FC6E21', // Orange
                    surface: '#F3F3F3', // Gris clair
                    error: '#FF005B', // Rose
                    yellow: '#EBAF3C', // Jaune
                    red: '#FF4136', // Rouge
                    gold: '#DAA520', // Or
                    gray: '#DCDCDC', // Gris clair
                }
            },
        },
    },
})

Thks

@userquin
Copy link
Member

userquin commented Feb 27, 2025

Uhhhm, so VCalendar/VDatePicker... being resolved by vite vuetify plugin (?), you can:

  • import the component in your SFC or
  • try to add a mapping/alias for VCalendar/VDatePicker... in Nuxt via components:extend nuxt hook (check
    nuxt.hook('components:extend', async (c) => {
    PR, I'm trying to remove the vuetify vite plugin there) or imports nuxt option via preset

If you provide a minimal reproduction I can check it later

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

No branches or pull requests

2 participants