preset-vuetify

vue-cli-preset-vuetify

A Vue CLI 3 Preset for generating scaffolded Vuetify applications

💿 Install

vue create my-project --preset vuetifyjs/vue-cli-preset-vuetify

🚀 Usage

Default Component Structure

Adds base and core components.

• base: Global components that are automatically loaded
• core: Application level components

Vuetify

• Configured default IE11/Safari/Edge support.
• Setup to use vue-i18n
• Setup to use SASS Variables
• Setup to use Material Design Icons SVG

Plugins

• vue-eslint
  • eslint-config-vuetify
• vue-jest
• vue-cypress
• vue-router
  • Language based routing /en/about
• vuex
  • Preconfigured modules
  • vuex-pathify
• vue-cli-plugin-vuetify-cli
• vue-cli-plugin-vuetify-storybook
• vuex-router-sync
• vue-meta
• vue-analytics
• axios
• ZEIT Now deployment

Lighthouse

94/100/100 Desktop

92/100/100 Mobile

---

@mdi/js Icons

With @mdi/js you must import the corresponding icon that you plan to use (custom).

<template>
  <v-icon>{{ mdiHeart }}</v-icon>
</template>
 
<script>
  import { mdiHeart } from '@mdi/js'
 
  export default {
    data: () => ({ mdiHeart })
  }
</script>

💪 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:

• Becoming a sponsor on Github (supports John)
• Becoming a backer on OpenCollective (supports the Dev team)
• Become a subscriber on Tidelift
• Make a one-time payment with Paypal
• Book time with John

📑 License

MIT

Copyright (c) 2016-present Vuetify LLC