Gathering detailed insights and metrics for vite-plugin-vuetify
Gathering detailed insights and metrics for vite-plugin-vuetify
Gathering detailed insights and metrics for vite-plugin-vuetify
Gathering detailed insights and metrics for vite-plugin-vuetify
@vuetify/vite-plugin
A Vite plugin for treeshaking Vuetify components and more
vuetify-notifier
Vuetify Notifier is a simple way to display notifications in your Nuxt and Vue applications using Vuetify.
@paro-paro/vite-plugin-vuetify-sass
Vite plugin for loading vuetify SASS styles
vite-plugin-vuetify-browser
Support autoimports for vuetify single file esm module form CDN
📦 Webpack and Vite plugins for treeshaking Vuetify components and more
npm install vite-plugin-vuetify
Typescript
Module System
Min. Node Version
Node Version
NPM Version
61.9
Supply Chain
88.1
Quality
82.1
Maintenance
100
Vulnerability
98.6
License
TypeScript (64.27%)
JavaScript (26.92%)
Vue (5.6%)
HTML (1.66%)
SCSS (1.56%)
Total Downloads
18,383,671
Last Day
9,197
Last Week
247,499
Last Month
1,199,917
Last Year
11,947,157
MIT License
521 Stars
256 Commits
92 Forks
26 Watchers
3 Branches
38 Contributors
Updated on Jun 09, 2025
Minified
Minified + Gzipped
Latest Version
2.1.1
Package Id
vite-plugin-vuetify@2.1.1
Unpacked Size
29.94 kB
Size
7.70 kB
File Count
9
NPM Version
lerna/3.22.1/node@v22.14.0+x64 (linux)
Node Version
22.14.0
Published on
Apr 03, 2025
Cumulative downloads
Total Downloads
Last Day
-29.2%
9,197
Compared to previous day
Last Week
-18.8%
247,499
Compared to previous week
Last Month
-11.9%
1,199,917
Compared to previous month
Last Year
127.1%
11,947,157
Compared to previous year
1// vite.config.js 2plugins: [ 3 vue(), 4 vuetify({ autoImport: true }), // Enabled by default 5]
1// plugins/vuetify.js 2import 'vuetify/styles' 3import { createVuetify } from 'vuetify' 4 5export default createVuetify()
1// vite.config.js 2plugins: [ 3 vue(), 4 vuetify({ 5 autoImport: { labs: true } 6 }), 7]
1// vite.config.js 2plugins: [ 3 vue(), 4 vuetify({ 5 autoImport: { 6 ignore: [ 7 'VAlert', // Component name 8 'Ripple', // Directive name 9 ] 10 } 11 }), 12]
Note ignore
values are case-sensitive
1// vite.config.js 2plugins: [ 3 vue(), 4 vuetify({ styles: { configFile: 'src/settings.scss' } }), 5]
1// plugins/vuetify.js 2import 'vuetify/styles' 3import { createVuetify } from 'vuetify' 4 5export default createVuetify()
1// settings.scss 2@forward 'vuetify/settings' with ( 3 $color-pack: false, 4 $utilities: false, 5);
settings.scss
can be used in your own components to access vuetify's variables.
1// vite.config.js 2plugins: [ 3 vue(), 4 vuetify({ styles: 'none' }), 5]
1// plugins/vuetify.js 2import { createVuetify } from 'vuetify' 3 4export default createVuetify()
Vuetify 3 uses precompiled css by default, these imports can optionally be modified to point to sass files instead:
1// vite.config.js 2plugins: [ 3 vue(), 4 vuetify({ styles: 'sass' }), 5]
https://github.com/vitejs/vite-plugin-vue/blob/main/packages/plugin-vue/README.md#asset-url-handling
1// vite.config.js 2import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify' 3 4export default { 5 plugins: [ 6 vue({ 7 template: { transformAssetUrls } 8 }), 9 vuetify(), 10 ], 11}
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
security policy file detected
Details
Reason
4 commit(s) and 1 issue activity found in the last 90 days -- score normalized to 4
Reason
Found 2/30 approved changesets -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
63 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-06-09
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More