Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

vue-cli-plugin-vuetify

vuetifyjs531kMIT2.5.8TypeScript support: included

Vuetify Framework Plugin for Vue CLI 3

vuetify, vuetify plugin, vue-cli, vue-cli vuetify, vue-cli material, vue-cli-3, vue-cli-3 vuetify, vue-cli-3 material

readme

vue-cli-plugin-vuetify

A Vue CLI 3 Plugin for installing Vuetify

💿 Install

If you haven't yet installed vue-cli 3, first follow the install instructions here: https://github.com/vuejs/vue-cli

Tip: If you don't want to overwrite your current vue-cli because you still need vue init, then try this.

Generate a project using vue-cli 3.0:

vue create my-app

Before installing the vuetify plugin, make sure to commit or stash your changes in case you need to revert the changes.

To install the vuetify plugin simply navigate to your application folder and add Vuetify.

cd my-app

vue add vuetify

If you run into any issues, reach out to us in our Discord Community server.

🚀 Usage

Here are some extra steps for setting up the old templates but using plugins from the new ecosystem.

Nuxt

# preset: default (babel, eslint)

vue add nuxt-starter-template

Todo

  • Add vuetify Nuxt starter template

Electron

Just add vue-cli-plugin-electron-builder

vue add electron-builder
vue add vuetify
yarn electron:serve

PWA

If you already made a project with the PWA option selected, then just adding like above should do it.

Cordova

Use the Cordova plugin.

npm install -g cordova # If cordova is not already installed
vue add cordova

npm run cordova-serve-android # Development Android
npm run cordova-build-android # Build Android
npm run cordova-serve-ios # Development IOS
npm run cordova-build-ios # Build IOS
npm run cordova-serve-browser # Development Browser
npm run cordova-build-browser # Build Browser

Capacitor

Use the Capacitor plugin.

vue add @nklayman/capacitor
yarn capacitor:serve

Note: you may also want to hide to splashcreen when your app is ready to make your app load faster. See the plugin installation docs for instructions.

💪 Supporting Vuetify

Vuetify is an open source MIT project that has been made possible due to the generous contributions by community backers. If you are interested in supporting this project, please consider:

📑 License

MIT

Copyright (c) 2016-present Vuetify LLC

changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

2.5.8 (2022-09-13)

Bug Fixes

  • v3-template: update ecosystem links to point to next branch (a219729)

2.5.7 (2022-09-13)

Bug Fixes

  • prompts: change install preset key (4a2aa76)

2.5.6 (2022-09-13)

Note: Version bump only for package vue-cli-plugin-vuetify

2.5.5 (2022-08-24)

Bug Fixes

  • vuetify-cli: generate vite config file for vite projects (e3e6546)

2.5.4 (2022-08-19)

Bug Fixes

  • v3: don't try to generate shims-vuetify (6c2b4de), closes #333

2.5.2 (2022-08-17)

Bug Fixes

  • remove type shims (c79a5cd), closes #327
  • v3-generator: remove variables, update vite install process (fb34b26)

2.5.1 (2022-06-01)

Note: Version bump only for package vue-cli-plugin-vuetify

2.5.0 (2022-05-22)

Features

  • update v3 compiler plugin package names (c0926d8)

2.4.8 (2022-03-17)

Note: Version bump only for package vue-cli-plugin-vuetify

2.4.7 (2022-03-03)

Bug Fixes

2.4.6 (2022-02-23)

Note: Version bump only for package vue-cli-plugin-vuetify

2.4.5 (2021-12-04)

Bug Fixes

  • v2: correct the vuetify-loader plugin import path (1b833e3)

2.4.4 (2021-11-20)

Bug Fixes

2.4.3 (2021-10-05)

Bug Fixes

  • cli: updates for alpha 11. (#297) (7eef931)
  • vite.config.js: update vuetify vite plugin options (6bbb74d)
  • webfontloader: change uppercase L to lowercase (25bfd8e)

2.4.2 (2021-08-04)

Bug Fixes

  • #287: inject the correct path based on vuetify version. (7e7608a), closes #287
  • preview: install correct vite version. (#281) (44bebf7)
  • vite: add support for css variables (a844235)
  • vite: Vite preset inserts wrong main entry w/ ts (#280) (a5ed8db)

2.4.1 (2021-06-02)

Bug Fixes

  • lock sass version to ~1.32 (0caeead)
  • configure: update css var primary color value. (38f1f17)

2.4.0 (2021-04-26)

Features

  • v3-preset: Add typescript support (c78005f)
  • v3-preset: add v3 template files. (4920658)

Bug Fixes

  • fonts: specify versions for all font packages. (8a87fda)
  • v3: replace wrong option for checking if using v3. (79aeb98)
  • v3-ts: add temp shims, update syntax style. (ab133f7)
  • vuetify: update paths for store and router option check. (4ae3628)

2.3.1 (2021-03-19)

Note: Version bump only for package vue-cli-plugin-vuetify

2.3.0 (2021-03-18)

Features

  • vite-preview: add vite preview preset. (cde9d29)

Bug Fixes

  • templates: correct hello world cmp name. update router conditional. (6a1bf87)

2.2.2 (2021-03-03)

Bug Fixes

  • add vuetify-loader to devDependencies (0060295)

2.2.1 (2021-03-03)

Bug Fixes

  • Update template imports and don't install vuetify-loader (#243) (cc969bd)
  • fonts: @mdi/font version (#240) (ac2c30c)
  • v3: updates to components, formatting, and imports (#242) (46e6322)

2.2.0 (2021-02-28)

  • feat(v3-preset): add v3 preset (#237) (5706657), closes #237

2.1.1 (2021-02-28)

  • chore(eslintrc): remove vuetify config and update eslint settings (a36555e)

2.1.0 (2021-01-27)

  • fix: install latest versions of packages (44cc257)
  • fix: merge transformAssetUrls options (#216) (d829f25), closes #216
  • fix: use extendPackage to write transpileDependencies (#227) (6c0454d), closes #227
  • feat(locale): add bulgarian locale (90de05f), closes vuetifyjs/vuetify#12649
  • feat(locale): add Azerbaijani and Central Kurdish (8ea21cb)
  • feat(locale): add Finnish translation (#156) (b10d800), closes #156
  • feat(locale): add Slovak translation (#154) (9a6162d), closes #154

2.0.9 (2020-12-29)

  • fix(types): remove import from ambient declaration (e5f1891), closes #228

2.0.8 (2020-12-03)

  • fix: import types with a-la-carte and typescript (3dac4f1), closes #43
  • fix: use faster a-la-carte import (4d0c5e3), closes #203
  • fix: use require.resolve for loaders (d7e1d00)
  • fix(template): update current lang (#204) (29b9ff0), closes #204

2.0.7 (2020-07-20)

  • test: update snapshots (223380c), closes #185
  • fix: add missing null-loader dependency (#152) (983a796), closes #152 #101
  • fix(sass-loader): prependData removed from v9 (#185) (6e14328), closes #185
  • fix(template): update v-content to v-main (#186) (39eddce), closes #186

2.0.6 (2020-05-12)

Bug Fixes

  • HelloWorld: update links to premade layout (2579c3f)

2.0.5 (2020-02-12)

Note: Version bump only for package vue-cli-plugin-vuetify

2.0.4 (2020-02-05)

Bug Fixes

  • dependencies: add undeclared dependencies (#155) (670c809)