1.0.0-alpha.11 • Published 2 years ago
@vuetify/vite-plugin v1.0.0-alpha.11
@vuetify/vite-plugin
Automatic imports
// vite.config.js
plugins: [
vue(),
vuetify({ autoImport: true }), // Enabled by default
]
// plugins/vuetify.js
import 'vuetify/styles'
import { createVuetify } from 'vuetify'
export default createVuetify()
Style loading
Customising variables
// vite.config.js
plugins: [
vue(),
vuetify({ styles: 'expose' }),
]
// plugins/vuetify.js
import './main.scss'
import { createVuetify } from 'vuetify'
export default createVuetify()
// main.scss
@use 'vuetify/styles' with (
$color-pack: false,
$utilities: false,
);
Remove all style imports
// vite.config.js
plugins: [
vue(),
vuetify({ styles: 'none' }),
]
// plugins/vuetify.js
import { createVuetify } from 'vuetify'
export default createVuetify()
Import sass from source
Vuetify 3 uses precompiled css by default, these imports can optionally be modified to point to sass files instead:
// vite.config.js
plugins: [
vue(),
vuetify({ styles: 'sass' }),
]
1.0.0-alpha.11
2 years ago
1.0.0-alpha.9
2 years ago
1.0.0-alpha.8
2 years ago
1.0.0-alpha.7
3 years ago
1.0.0-alpha.6
3 years ago
1.0.0-alpha.10
2 years ago
1.0.0-alpha.5
3 years ago
1.0.0-alpha.4
3 years ago
1.0.0-alpha.3
3 years ago
1.0.0-alpha.2
3 years ago
1.0.0-alpha.1
3 years ago
1.0.0-alpha.0
3 years ago