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

📑 License

MIT

Copyright (c) 2016-present Vuetify LLC