Quiero crear un tema personalizado para Vuetify v3.0.0-alpha.10 Este es mi archivo de complemento vuetify.ts
import "@mdi/font/css/materialdesignicons.css"; import "vuetify/lib/styles/main.sass"; import { createVuetify, ThemeDefinition } from "vuetify"; import * as components from "vuetify/lib/components"; import * as directives from "vuetify/lib/directives"; const defaultLightTheme: ThemeDefinition = { dark: false, colors: { background: "#FFFFFF", surface: "#FFFFFF", primary: "#6200EE", "primary-darken-1": "#3700B3", secondary: "#03DAC6", "secondary-darken-1": "#018786", error: "#B00020", info: "#2196F3", success: "#4CAF50", warning: "#FB8C00", }, }; export default createVuetify({ components, directives, theme: { defaultTheme: "defaultLightTheme", themes: { defaultLightTheme, }, }, });Pero recibo este error: No se puede usar el espacio de nombres 'ThemeDefinition' como tipo
Copié el ejemplo de Vuetify docs: Vuetify docs
¿Alguna idea para solucionar este problema? gracias y saludos
tuve un problema similar, terminé haciendo lo siguiente:
import '@mdi/font/css/materialdesignicons.css' import 'vuetify/lib/styles/main.sass' import { createVuetify } from 'vuetify' import * as components from 'vuetify/lib/components' import * as directives from 'vuetify/lib/directives' export default createVuetify({ components, directives, theme: { defaultTheme: 'myCustomTheme', themes: { myCustomTheme: { dark: false, colors: { background: '#FFFFFF' // more colors }, variables: {} //ADD AN EMPTY OBJECT } } } })por favor, preste atención al campo de variables , que actualmente es un error conocido en Vuetify 3