Vuetify V2 snippets for VSCode

snipets.json

{
	"template": {
		"prefix": "template",
		"body": [
		  "<template>",
		  "  <div></div>",
		  "</template>",
		  "<script>",
		  "export default {",
		  "  props: {},",
		  "  data() {",
		  "    return {}",
		  "  },",
		  "  computed: {},",
		  "  mounted() {},",
		  "  methods: {},",
		  "}",
		  "</script>",
		  "<style lang=\"scss\"></style>"
		],
		"description": "template"
	  },
	"tooltip-btn": {
		"prefix": "tooltip-btn",
		"body": [
		  "<v-tooltip bottom>",
		  "  <template v-slot:activator=\"{ on, attrs }\">",
		  "    <v-btn color=\"primary\" dark v-bind=\"attrs\" v-on=\"on\"> Button </v-btn>",
		  "  </template>",
		  "  <span>Tooltip</span>",
		  "</v-tooltip>"
		],
		"description": "tooltip-btn"
	  },
	  "tooltip-icon": {
		"prefix": "tooltip-icon",
		"body": [
		  "<v-tooltip bottom>",
		  "  <template v-slot:activator=\"{ on, attrs }\">",
		  "    <v-icon color=\"primary\" dark v-bind=\"attrs\" v-on=\"on\">",
		  "      mdi-home",
		  "    </v-icon>",
		  "  </template>",
		  "  <span>Tooltip</span>",
		  "</v-tooltip>"
		],
		"description": "tooltip-icon"
	  },
	  "v-row col component": {
		"prefix": "vRow",
		"body": [
		  "<v-row >",
		  "\t<v-col cols=\"12\"></v-col>",
		  "</v-row>$0"
		],
		"description": "v-flex component - Vuetify"
	  },
	  "v-col with props": {
		"prefix": "vcol",
		"body": [
		  "<v-col",
		  "\t${1|xs,sm,md,lg,xl|}${2|1,2,3,4,5,6,7,8,9,10,11,12|}",
		  "\t${3:align-baseline}",
		  "\t${4:align-center}",
		  "\t${5:align-content-center}",
		  "\t${6:align-content-end}",
		  "\t${7:align-content-space-around}",
		  "\t${8:align-content-space-between}",
		  "\t${9:align-content-start}",
		  "\t${10:align-end}",
		  "\t${11:align-start}",
		  "\t${12:d-${13|flex,inline-flex,block|}}",
		  "\t${14:fill-height}",
		  "\t${15:id=\"${16:id}\"}",
		  "\t${17:justify-center}",
		  "\t${18:justify-end}",
		  "\t${19:justify-space-around}",
		  "\t${20:justify-space-between}",
		  "\t${21:justify-start}",
		  "\t${22:offset-${23|xs,sm,md,lg,xl|}${24|1,2,3,4,5,6,7,8,9,10,11,12|}}",
		  "\t${25:order-${26|xs,sm,md,lg,xl|}${27|1,2,3,4,5,6,7,8,9,10,11,12|}}",
		  "\t${28:reverse}",
		  "\t${29:tag=\"${30:div}\"}",
		  "\t${31:wrap}",
		  ">",
		  "\t$32",
		  "</v-col>$0"
		],
		"description": "v-coll with all props - Vuetify"
	  },
	  "v-spacer component": {
		"prefix": "vSpacer",
		"body": [
		  "<v-spacer></v-spacer>$0"
		],
		"description": "v-spacer component - Vuetify"
	  },
	  "Spacing options": {
		"prefix": "vSpacing",
		"body": [
		  "${1|mt,mb,ml,mr,mx,my,ma,pt,pb,pl,pr,px,py,pa|}-${2|1,2,3,4,5|}"
		],
		"description": "Spacing in Vuetify"
	  },
	  "Text align helper classes": {
		"prefix": "vTextAlign",
		"body": [
		  "text-${1|xs,sm,md,lg,xl|}-${2|right,center,left|}"
		],
		"description": "Text align helper - Vuetify"
	  },
	  "List for visibility options": {
		"prefix": "vVisibility",
		"body": [
		  "hidden-${1|xs,sm,md,lg,xl|}-${2|only,and-down,and-up|}"
		],
		"description": "Visibility helper - Vuetify"
	  },
	  "Display property of elements": {
		"prefix": "vDisplay",
		"body": [
		  "${1|d-inline-flex,d-flex,d-inline-block,d-block,d-inline|}"
		],
		"description": "Display property of element - Vuetify"
	  },
	  "Elevation for elements": {
		"prefix": "vElevation",
		"body": [
		  "elevation-${1:24}$0"
		],
		"description": "Elevation helper - Vuetify"
	  },
	  "Colors default": {
		"prefix": "vColors",
		"body": [
		  "color=\"${1|primary,accent,secondary,success,info,warning,error,red,red lighten-5,red lighten-4,red lighten-3,red lighten-2,red lighten-1,red darken-1,red darken-2,red darken-3,red darken-4,red accent-1,red accent-2,red accent-3,red accent-4,pink,pink lighten-5,pink lighten-4,pink lighten-3,pink lighten-2,pink lighten-1,pink darken-1,pink darken-2,pink darken-3,pink darken-4,pink accent-1,pink accent-2,pink accent-3,pink accent-4,purple,purple lighten-5,purple lighten-4,purple lighten-3,purple lighten-2,purple lighten-1,purple darken-1,purple darken-2,purple darken-3,purple darken-4,purple accent-1,purple accent-2,purple accent-3,purple accent-4,deep-purple,deep-purple lighten-5,deep-purple lighten-4,deep-purple lighten-3,deep-purple lighten-2,deep-purple lighten-1,deep-purple darken-1,deep-purple darken-2,deep-purple darken-3,deep-purple darken-4,deep-purple accent-1,deep-purple accent-2,deep-purple accent-3,deep-purple accent-4,indigo,indigo lighten-5,indigo lighten-4,indigo lighten-3,indigo lighten-2,indigo lighten-1,indigo darken-1,indigo darken-2,indigo darken-3,indigo darken-4,indigo accent-1,indigo accent-2,indigo accent-3,indigo accent-4,blue,blue lighten-5,blue lighten-4,blue lighten-3,blue lighten-2,blue lighten-1,blue darken-1,blue darken-2,blue darken-3,blue darken-4,blue accent-1,blue accent-2,blue accent-3,blue accent-4,light-blue,light-blue lighten-5,light-blue lighten-4,light-blue lighten-3,light-blue lighten-2,light-blue lighten-1,light-blue darken-1,light-blue darken-2,light-blue darken-3,light-blue darken-4,light-blue accent-1,light-blue accent-2,light-blue accent-3,light-blue accent-4,cyan,cyan lighten-5,cyan lighten-4,cyan lighten-3,cyan lighten-2,cyan lighten-1,cyan darken-1,cyan darken-2,cyan darken-3,cyan darken-4,cyan accent-1,cyan accent-2,cyan accent-3,cyan accent-4,teal,teal lighten-5,teal lighten-4,teal lighten-3,teal lighten-2,teal lighten-1,teal darken-1,teal darken-2,teal darken-3,teal darken-4,teal accent-1,teal accent-2,teal accent-3,teal accent-4,green,green lighten-5,green lighten-4,green lighten-3,green lighten-2,green lighten-1,green darken-1,green darken-2,green darken-3,green darken-4,green accent-1,green accent-2,green accent-3,green accent-4,light-green,light-green lighten-5,light-green lighten-4,light-green lighten-3,light-green lighten-2,light-green lighten-1,light-green darken-1,light-green darken-2,light-green darken-3,light-green darken-4,light-green accent-1,light-green accent-2,light-green accent-3,light-green accent-4,lime,lime lighten-5,lime lighten-4,lime lighten-3,lime lighten-2,lime lighten-1,lime darken-1,lime darken-2,lime darken-3,lime darken-4,lime accent-1,lime accent-2,lime accent-3,lime accent-4,yellow,yellow lighten-5,yellow lighten-4,yellow lighten-3,yellow lighten-2,yellow lighten-1,yellow darken-1,yellow darken-2,yellow darken-3,yellow darken-4,yellow accent-1,yellow accent-2,yellow accent-3,yellow accent-4,amber,amber lighten-5,amber lighten-4,amber lighten-3,amber lighten-2,amber lighten-1,amber darken-1,amber darken-2,amber darken-3,amber darken-4,amber accent-1,amber accent-2,amber accent-3,amber accent-4,orange,orange lighten-5,orange lighten-4,orange lighten-3,orange lighten-2,orange lighten-1,orange darken-1,orange darken-2,orange darken-3,orange darken-4,orange accent-1,orange accent-2,orange accent-3,orange accent-4,deep-orange,deep-orange lighten-5,deep-orange lighten-4,deep-orange lighten-3,deep-orange lighten-2,deep-orange lighten-1,deep-orange darken-1,deep-orange darken-2,deep-orange darken-3,deep-orange darken-4,deep-orange accent-1,deep-orange accent-2,deep-orange accent-3,deep-orange accent-4,brown,brown lighten-5,brown lighten-4,brown lighten-3,brown lighten-2,brown lighten-1,brown darken-1,brown darken-2,brown darken-3,brown darken-4,blue-grey,blue-grey lighten-5,blue-grey lighten-4,blue-grey lighten-3,blue-grey lighten-2,blue-grey lighten-1,blue-grey darken-1,blue-grey darken-2,blue-grey darken-3,blue-grey darken-4,grey,grey lighten-5,grey lighten-4,grey lighten-3,grey lighten-2,grey lighten-1,grey darken-1,grey darken-2,grey darken-3,grey darken-4,black,white,transparent|}\""
		],
		"description": "Colors all available - Vuetify"
	  },
	  "Text color": {
		"prefix": "vTextColors",
		"body": [
		  "class=\"${1|red,pink,purple,deep-purple,indigo,blue,light-blue,cyan,teal,green,light-green,lime,yellow,amber,orange,deep-orange,brown,blue-grey,grey,black,white|}--text ${2:text--${3|lighten,darken|}-${4:1}}\"$0"
		],
		"description": "Text colors - Vuetify"
	  },
	  "Typography helper classes": {
		"prefix": "vTypography",
		"body": [
		  "${1|h-4,h-3,h-2,h-1,subtitle-1,subtitle-2,body-1,body-2,button,overline,caption|}"
		],
		"description": "Typography classes list - Vuetify"
	  },
	  "Scrolling in your application": {
		"prefix": "vGoTo",
		"body": [
		  "$vuetify.goTo(${1:target}, ${2:options})"
		],
		"description": "Scrolling in your application - Vuetify"
	  },
	  "v-alert component": {
		"prefix": "vAlert",
		"body": [
		  "<v-alert transition=\"scale-transition\" border=\"left\" colored-border type=\"${1|primary,accent,secondary,success,info,warning,error|}\" :value=\"${2:true}\">",
		  "\t$3",
		  "</v-alert>$0"
		],
		"description": "v-alert component - Vueitfy"
	  },
	  "v-alert with all props": {
		"prefix": "vAlertWithProps",
		"body": [
		  "<v-alert",
		  "\t${1:color=\"${2|primary,accent,secondary,success,info,error|}\"}",
		  "\t${3:dismissible}",
		  "\t${4:icon=\"${5:icon}\"}",
		  "\t${6:mode=\"$7|out-in,in-out,simultaneous|\"}",
		  "\t${8:origin=\"$9\"}",
		  "\t${10:outlined}",
		  "\t${11:transition=\"${12|fade-transition,slide-x-transition,slide-x-reverse-transition,slide-y-transition,scale-transition,slide-y-reverse-transition|}\"}",
		  "\t${13:type=\"$14|success,info,warning,error|\"}",
		  "\t${15:value=\"$16\"}",
		  "\t${17border=\"$18|left,right,top,bottom|\"}",
		  "\t${19:tile}",
		  ">",
		  "\t${20:text}",
		  "</v-alert>$0"
		],
		"description": "v-alert with all props - Vuetify"
	  },
	  "v-btn component": {
		"prefix": "vBtn",
		"body": [
		  "<v-btn color=\"${1|success,error,warning,info|}\">${2:text}</v-btn>"
		],
		"description": "v-btn component - Vuetify"
	  },
	  "v-btn with all props": {
		"prefix": "vBtnWithProps",
		"body": [
		  "<v-btn",
		  "\t${1:absolute}",
		  "\t${2:active-class=\"${3:btn--active}\"}",
		  "\t${4:append}",
		  "\t${5:block}",
		  "\t${6:bottom} ${7:top}",
		  "\t${8:color=\"${9|primary,accent,secondary,success,info,error|}\"}",
		  "\t${10:dark} ${11:light}",
		  "\t${12:depressed}",
		  "\t${13:disabled}",
		  "\t${14:exact}",
		  "\t${15:exact-active-class=\"${16:class}\"}",
		  "\t${17:fab}",
		  "\t${18:fixed}",
		  "\t${19:flat}",
		  "\t${20:href=\"${21:href}\"}",
		  "\t${22:icon}",
		  "\t${23:input-value=\"${24:value}\"}",
		  "\t${25:loading}",
		  "\t${26:nuxt}",
		  "\t${27:outline}",
		  "\t${28:replace}",
		  "\t${29:right} ${30:left}",
		  "\t${31:ripple}",
		  "\t${32:round}",
		  "\t${33:small} ${34:large}",
		  "\t${35:tag=\"${36:button}\"}",
		  "\t${37:target=\"${38:target}\"}",
		  "\t${39:to=\"${40:to}\"}",
		  "\t${41:type=\"${42:button}\"}",
		  "\t${43:value=\"${44:value}\"}",
		  ">",
		  "\t${45:text}",
		  "</v-btn>$0"
		],
		"description": "v-btn with all props list - Vuetify"
	  },
	  "v-card simple usage template": {
		"prefix": "vCardTemplate",
		"body": [
		  "<v-card>",
		  "\t<v-img src=\"${1:src}\" height=\"${2:200px}\">",
		  "\t</v-img>",
		  "\t<v-card-title >{4:title}</v-card-title>",
		  "\t<v-card-text>${5:text}</v-card-text>",
		  "\t<v-card-actions>",
		  "\t\t<v-btn flat color=\"${6|primary,accent,secondary,success,info,error,red,red lighten-5,red lighten-4,red lighten-3,red lighten-2,red lighten-1,red darken-1,red darken-2,red darken-3,red darken-4,red accent-1,red accent-2,red accent-3,red accent-4,pink,pink lighten-5,pink lighten-4,pink lighten-3,pink lighten-2,pink lighten-1,pink darken-1,pink darken-2,pink darken-3,pink darken-4,pink accent-1,pink accent-2,pink accent-3,pink accent-4,purple,purple lighten-5,purple lighten-4,purple lighten-3,purple lighten-2,purple lighten-1,purple darken-1,purple darken-2,purple darken-3,purple darken-4,purple accent-1,purple accent-2,purple accent-3,purple accent-4,deep-purple,deep-purple lighten-5,deep-purple lighten-4,deep-purple lighten-3,deep-purple lighten-2,deep-purple lighten-1,deep-purple darken-1,deep-purple darken-2,deep-purple darken-3,deep-purple darken-4,deep-purple accent-1,deep-purple accent-2,deep-purple accent-3,deep-purple accent-4,indigo,indigo lighten-5,indigo lighten-4,indigo lighten-3,indigo lighten-2,indigo lighten-1,indigo darken-1,indigo darken-2,indigo darken-3,indigo darken-4,indigo accent-1,indigo accent-2,indigo accent-3,indigo accent-4,blue,blue lighten-5,blue lighten-4,blue lighten-3,blue lighten-2,blue lighten-1,blue darken-1,blue darken-2,blue darken-3,blue darken-4,blue accent-1,blue accent-2,blue accent-3,blue accent-4,light-blue,light-blue lighten-5,light-blue lighten-4,light-blue lighten-3,light-blue lighten-2,light-blue lighten-1,light-blue darken-1,light-blue darken-2,light-blue darken-3,light-blue darken-4,light-blue accent-1,light-blue accent-2,light-blue accent-3,light-blue accent-4,cyan,cyan lighten-5,cyan lighten-4,cyan lighten-3,cyan lighten-2,cyan lighten-1,cyan darken-1,cyan darken-2,cyan darken-3,cyan darken-4,cyan accent-1,cyan accent-2,cyan accent-3,cyan accent-4,teal,teal lighten-5,teal lighten-4,teal lighten-3,teal lighten-2,teal lighten-1,teal darken-1,teal darken-2,teal darken-3,teal darken-4,teal accent-1,teal accent-2,teal accent-3,teal accent-4,green,green lighten-5,green lighten-4,green lighten-3,green lighten-2,green lighten-1,green darken-1,green darken-2,green darken-3,green darken-4,green accent-1,green accent-2,green accent-3,green accent-4,light-green,light-green lighten-5,light-green lighten-4,light-green lighten-3,light-green lighten-2,light-green lighten-1,light-green darken-1,light-green darken-2,light-green darken-3,light-green darken-4,light-green accent-1,light-green accent-2,light-green accent-3,light-green accent-4,lime,lime lighten-5,lime lighten-4,lime lighten-3,lime lighten-2,lime lighten-1,lime darken-1,lime darken-2,lime darken-3,lime darken-4,lime accent-1,lime accent-2,lime accent-3,lime accent-4,yellow,yellow lighten-5,yellow lighten-4,yellow lighten-3,yellow lighten-2,yellow lighten-1,yellow darken-1,yellow darken-2,yellow darken-3,yellow darken-4,yellow accent-1,yellow accent-2,yellow accent-3,yellow accent-4,amber,amber lighten-5,amber lighten-4,amber lighten-3,amber lighten-2,amber lighten-1,amber darken-1,amber darken-2,amber darken-3,amber darken-4,amber accent-1,amber accent-2,amber accent-3,amber accent-4,orange,orange lighten-5,orange lighten-4,orange lighten-3,orange lighten-2,orange lighten-1,orange darken-1,orange darken-2,orange darken-3,orange darken-4,orange accent-1,orange accent-2,orange accent-3,orange accent-4,deep-orange,deep-orange lighten-5,deep-orange lighten-4,deep-orange lighten-3,deep-orange lighten-2,deep-orange lighten-1,deep-orange darken-1,deep-orange darken-2,deep-orange darken-3,deep-orange darken-4,deep-orange accent-1,deep-orange accent-2,deep-orange accent-3,deep-orange accent-4,brown,brown lighten-5,brown lighten-4,brown lighten-3,brown lighten-2,brown lighten-1,brown darken-1,brown darken-2,brown darken-3,brown darken-4,blue-grey,blue-grey lighten-5,blue-grey lighten-4,blue-grey lighten-3,blue-grey lighten-2,blue-grey lighten-1,blue-grey darken-1,blue-grey darken-2,blue-grey darken-3,blue-grey darken-4,grey,grey lighten-5,grey lighten-4,grey lighten-3,grey lighten-2,grey lighten-1,grey darken-1,grey darken-2,grey darken-3,grey darken-4,black,white,transparent|}\">${7:text}</v-btn>",
		  "\t\t<v-btn flat color=\"${8|primary,accent,secondary,success,info,error,red,red lighten-5,red lighten-4,red lighten-3,red lighten-2,red lighten-1,red darken-1,red darken-2,red darken-3,red darken-4,red accent-1,red accent-2,red accent-3,red accent-4,pink,pink lighten-5,pink lighten-4,pink lighten-3,pink lighten-2,pink lighten-1,pink darken-1,pink darken-2,pink darken-3,pink darken-4,pink accent-1,pink accent-2,pink accent-3,pink accent-4,purple,purple lighten-5,purple lighten-4,purple lighten-3,purple lighten-2,purple lighten-1,purple darken-1,purple darken-2,purple darken-3,purple darken-4,purple accent-1,purple accent-2,purple accent-3,purple accent-4,deep-purple,deep-purple lighten-5,deep-purple lighten-4,deep-purple lighten-3,deep-purple lighten-2,deep-purple lighten-1,deep-purple darken-1,deep-purple darken-2,deep-purple darken-3,deep-purple darken-4,deep-purple accent-1,deep-purple accent-2,deep-purple accent-3,deep-purple accent-4,indigo,indigo lighten-5,indigo lighten-4,indigo lighten-3,indigo lighten-2,indigo lighten-1,indigo darken-1,indigo darken-2,indigo darken-3,indigo darken-4,indigo accent-1,indigo accent-2,indigo accent-3,indigo accent-4,blue,blue lighten-5,blue lighten-4,blue lighten-3,blue lighten-2,blue lighten-1,blue darken-1,blue darken-2,blue darken-3,blue darken-4,blue accent-1,blue accent-2,blue accent-3,blue accent-4,light-blue,light-blue lighten-5,light-blue lighten-4,light-blue lighten-3,light-blue lighten-2,light-blue lighten-1,light-blue darken-1,light-blue darken-2,light-blue darken-3,light-blue darken-4,light-blue accent-1,light-blue accent-2,light-blue accent-3,light-blue accent-4,cyan,cyan lighten-5,cyan lighten-4,cyan lighten-3,cyan lighten-2,cyan lighten-1,cyan darken-1,cyan darken-2,cyan darken-3,cyan darken-4,cyan accent-1,cyan accent-2,cyan accent-3,cyan accent-4,teal,teal lighten-5,teal lighten-4,teal lighten-3,teal lighten-2,teal lighten-1,teal darken-1,teal darken-2,teal darken-3,teal darken-4,teal accent-1,teal accent-2,teal accent-3,teal accent-4,green,green lighten-5,green lighten-4,green lighten-3,green lighten-2,green lighten-1,green darken-1,green darken-2,green darken-3,green darken-4,green accent-1,green accent-2,green accent-3,green accent-4,light-green,light-green lighten-5,light-green lighten-4,light-green lighten-3,light-green lighten-2,light-green lighten-1,light-green darken-1,light-green darken-2,light-green darken-3,light-green darken-4,light-green accent-1,light-green accent-2,light-green accent-3,light-green accent-4,lime,lime lighten-5,lime lighten-4,lime lighten-3,lime lighten-2,lime lighten-1,lime darken-1,lime darken-2,lime darken-3,lime darken-4,lime accent-1,lime accent-2,lime accent-3,lime accent-4,yellow,yellow lighten-5,yellow lighten-4,yellow lighten-3,yellow lighten-2,yellow lighten-1,yellow darken-1,yellow darken-2,yellow darken-3,yellow darken-4,yellow accent-1,yellow accent-2,yellow accent-3,yellow accent-4,amber,amber lighten-5,amber lighten-4,amber lighten-3,amber lighten-2,amber lighten-1,amber darken-1,amber darken-2,amber darken-3,amber darken-4,amber accent-1,amber accent-2,amber accent-3,amber accent-4,orange,orange lighten-5,orange lighten-4,orange lighten-3,orange lighten-2,orange lighten-1,orange darken-1,orange darken-2,orange darken-3,orange darken-4,orange accent-1,orange accent-2,orange accent-3,orange accent-4,deep-orange,deep-orange lighten-5,deep-orange lighten-4,deep-orange lighten-3,deep-orange lighten-2,deep-orange lighten-1,deep-orange darken-1,deep-orange darken-2,deep-orange darken-3,deep-orange darken-4,deep-orange accent-1,deep-orange accent-2,deep-orange accent-3,deep-orange accent-4,brown,brown lighten-5,brown lighten-4,brown lighten-3,brown lighten-2,brown lighten-1,brown darken-1,brown darken-2,brown darken-3,brown darken-4,blue-grey,blue-grey lighten-5,blue-grey lighten-4,blue-grey lighten-3,blue-grey lighten-2,blue-grey lighten-1,blue-grey darken-1,blue-grey darken-2,blue-grey darken-3,blue-grey darken-4,grey,grey lighten-5,grey lighten-4,grey lighten-3,grey lighten-2,grey lighten-1,grey darken-1,grey darken-2,grey darken-3,grey darken-4,black,white,transparent|}\">${9:text}</v-btn>",
		  "\t</v-card-actions>",
		  "</v-card>$0"
		],
		"description": "v-card simple usage template example - Vuetify"
	  },
	  "v-dialog with all props": {
		"prefix": "vDialogWithProps",
		"body": [
		  "<v-dialog",
		  "\t${1:max-width=\"${2:none}\"}",
		  "\t${3:persistent}",
		  "\t${4:scrollable}",
		  "\t${5:transition=\"${6|dialog-transition,fade-transition,slide-x-transition,slide-x-reverse-transition,slide-y-transition,scale-transition,slide-y-reverse-transition|}\"}",
		  "\t${7:value=\"${8:value}\"}",
		  ">",
		  "\t$9",
		  "</v-dialog>$0"
		],
		"description": "v-dialog with all props - Vuetify"
	  },
	  "v-divider component": {
		"prefix": "vDivider",
		"body": [
		  "<v-divider>$1</v-divider>$0"
		],
		"description": "v-divider component - Vuetify"
	  },
	  "v-select component": {
		"prefix": "vSelect",
		"body": [
		  "<v-select",
		  "\t:items=\"${1:items}\"",
		  "\tv-model=\"${2:value}\"",
		  "\tlabel=\"${3:label}\"",
		  "></v-select>$0"
		],
		"description": "v-select component - Vuetify"
	  },
	  "v-checkbox component": {
		"prefix": "vCheckbox",
		"body": [
		  "<v-checkbox label=\"${1:label}\" v-model=\"${2:value}\" value=\"${3:value}\"></v-checkbox>$0"
		],
		"description": "v-checkbox component - Vuetify"
	  },
	  "v-text-field component": {
		"prefix": "vTextField",
		"body": [
		  "<v-text-field",
		  "\tname=\"${1:name}\"",
		  "\tlabel=\"${2:label}\"",
		  "\tid=\"${3:id}\"",
		  "></v-text-field>$0"
		],
		"description": "v-text-field component - Vuetify"
	  },
	  "v-icon component": {
		"prefix": "vIcon",
		"body": [
		  "<v-icon>mdi-${1:iconName}</v-icon>$0"
		],
		"description": "v-icon component - Vuetify"
	  },
	  "v-list simple template": {
    "prefix": "vListTemplate",
    "body": [
      "<v-list two-line>",
	  "\t<template v-for=\"(item, index) in ${1:items}\">",
      "\t<v-list-item>",
      "\t\t<v-list-item-icon>",
      "\t\t\t<v-icon>mdi-${1:iconName}</v-icon>",
      "\t\t</v-list-item-icon>",
      "\t\t<v-list-item-content>",
      "\t\t\t<v-list-item-title>${2:title}</v-list-item-title>",
      "\t\t\t<v-list-item-sub-title>${3:subTitle}</v-list-item-sub-title>",
      "\t\t</v-list-item-content>",
      "\t</v-list-item>",
	  "\t</template>",
      "</v-list>$0"
    ],
    "description": "v-list simple template - Vuetify"
  },
  "v-progress-circular component": {
    "prefix": "vProgressCircular",
    "body": [
      "<v-progress-circular :value=\"${1:20}\"></v-progress-circular>$0"
    ],
    "description": "v-progress-circular component - Vuetify"
  },
  "v-progress-linear component": {
    "prefix": "vProgressLinear",
    "body": [
      "<v-progress-linear ${1::indeterminate=\"true\"}></v-progress-linear>$0"
    ],
    "description": "v-progress-linear component - Vuetify"
  },
  "align-baseline": {
    "prefix": "alignBaseline",
    "body": [
      "align-baseline$0"
    ],
    "description": "align-baseline - Vuetify"
  },
  "align-center": {
    "prefix": "alignCenter",
    "body": [
      "align-center$0"
    ],
    "description": "align-center - Vuetify"
  },
  "align-content-center": {
    "prefix": "alignContentCenter",
    "body": [
      "align-content-center$0"
    ],
    "description": "align-content-center - Vuetify"
  },
  "align-content-end": {
    "prefix": "alignContentEnd",
    "body": [
      "align-content-end$0"
    ],
    "description": "align-content-end - Vuetify"
  },
  "align-content-space-around": {
    "prefix": "alignContentSpaceAround",
    "body": [
      "align-content-space-around$0"
    ],
    "description": "align-content-space-around - Vuetify"
  },
  "align-content-space-between": {
    "prefix": "alignContentSpaceBetween",
    "body": [
      "align-content-space-$0"
    ],
    "description": "align-content-space-between - Vuetify"
  },
  "align-content-start": {
    "prefix": "alignContentStart",
    "body": [
      "align-content-start$0"
    ],
    "description": "align-content-start - Vuetify"
  },
  "align-end": {
    "prefix": "alignEnd",
    "body": [
      "align-end$0"
    ],
    "description": "align-end - Vuetify"
  },
  "align-start": {
    "prefix": "alignStart",
    "body": [
      "align-start$0"
    ],
    "description": "align-start - Vuetify"
  },
  "d-flex": {
    "prefix": "dFlex",
    "body": [
      "d-flex$0"
    ],
    "description": "d-flex - Vuetify"
  },
  "d-inline-flex": {
    "prefix": "dInlineFlex",
    "body": [
      "d-inline-flex$0"
    ],
    "description": "d-inline-flex - Vuetify"
  },
  "d-inline-block": {
    "prefix": "dInlineBlock",
    "body": [
      "d-inline-block$0"
    ],
    "description": "d-inline-block - Vuetify"
  },
  "d-block": {
    "prefix": "dBlock",
    "body": [
      "d-block$0"
    ],
    "description": "d-block - Vuetify"
  },
  "d-inline": {
    "prefix": "dInline",
    "body": [
      "d-inline$0"
    ],
    "description": "d-inline - Vuetify"
  },
  "justify-center": {
    "prefix": "justifyCenter",
    "body": [
      "justify-center$0"
    ],
    "description": "justify-center - Vuetify"
  },
  "justify-end": {
    "prefix": "justifyEnd",
    "body": [
      "justify-end$0"
    ],
    "description": "justify-end - Vuetify"
  },
  "justify-space-around": {
    "prefix": "justifySpaceAround",
    "body": [
      "justify-space-around$0"
    ],
    "description": "justify-space-around - Vuetify"
  },
  "justify-space-between": {
    "prefix": "justifySpaceBetween",
    "body": [
      "justify-space-between$0"
    ],
    "description": "justify-space-between - Vuetify"
  },
  "justify-start": {
    "prefix": "justifyStart",
    "body": [
      "justify-start$0"
    ],
    "description": "justify-start - Vuetify"
  },
  "color": {
    "prefix": "color",
    "body": [
      "color=\"${1|primary,accent,secondary,success,info,error,red,red lighten-5,red lighten-4,red lighten-3,red lighten-2,red lighten-1,red darken-1,red darken-2,red darken-3,red darken-4,red accent-1,red accent-2,red accent-3,red accent-4,pink,pink lighten-5,pink lighten-4,pink lighten-3,pink lighten-2,pink lighten-1,pink darken-1,pink darken-2,pink darken-3,pink darken-4,pink accent-1,pink accent-2,pink accent-3,pink accent-4,purple,purple lighten-5,purple lighten-4,purple lighten-3,purple lighten-2,purple lighten-1,purple darken-1,purple darken-2,purple darken-3,purple darken-4,purple accent-1,purple accent-2,purple accent-3,purple accent-4,deep-purple,deep-purple lighten-5,deep-purple lighten-4,deep-purple lighten-3,deep-purple lighten-2,deep-purple lighten-1,deep-purple darken-1,deep-purple darken-2,deep-purple darken-3,deep-purple darken-4,deep-purple accent-1,deep-purple accent-2,deep-purple accent-3,deep-purple accent-4,indigo,indigo lighten-5,indigo lighten-4,indigo lighten-3,indigo lighten-2,indigo lighten-1,indigo darken-1,indigo darken-2,indigo darken-3,indigo darken-4,indigo accent-1,indigo accent-2,indigo accent-3,indigo accent-4,blue,blue lighten-5,blue lighten-4,blue lighten-3,blue lighten-2,blue lighten-1,blue darken-1,blue darken-2,blue darken-3,blue darken-4,blue accent-1,blue accent-2,blue accent-3,blue accent-4,light-blue,light-blue lighten-5,light-blue lighten-4,light-blue lighten-3,light-blue lighten-2,light-blue lighten-1,light-blue darken-1,light-blue darken-2,light-blue darken-3,light-blue darken-4,light-blue accent-1,light-blue accent-2,light-blue accent-3,light-blue accent-4,cyan,cyan lighten-5,cyan lighten-4,cyan lighten-3,cyan lighten-2,cyan lighten-1,cyan darken-1,cyan darken-2,cyan darken-3,cyan darken-4,cyan accent-1,cyan accent-2,cyan accent-3,cyan accent-4,teal,teal lighten-5,teal lighten-4,teal lighten-3,teal lighten-2,teal lighten-1,teal darken-1,teal darken-2,teal darken-3,teal darken-4,teal accent-1,teal accent-2,teal accent-3,teal accent-4,green,green lighten-5,green lighten-4,green lighten-3,green lighten-2,green lighten-1,green darken-1,green darken-2,green darken-3,green darken-4,green accent-1,green accent-2,green accent-3,green accent-4,light-green,light-green lighten-5,light-green lighten-4,light-green lighten-3,light-green lighten-2,light-green lighten-1,light-green darken-1,light-green darken-2,light-green darken-3,light-green darken-4,light-green accent-1,light-green accent-2,light-green accent-3,light-green accent-4,lime,lime lighten-5,lime lighten-4,lime lighten-3,lime lighten-2,lime lighten-1,lime darken-1,lime darken-2,lime darken-3,lime darken-4,lime accent-1,lime accent-2,lime accent-3,lime accent-4,yellow,yellow lighten-5,yellow lighten-4,yellow lighten-3,yellow lighten-2,yellow lighten-1,yellow darken-1,yellow darken-2,yellow darken-3,yellow darken-4,yellow accent-1,yellow accent-2,yellow accent-3,yellow accent-4,amber,amber lighten-5,amber lighten-4,amber lighten-3,amber lighten-2,amber lighten-1,amber darken-1,amber darken-2,amber darken-3,amber darken-4,amber accent-1,amber accent-2,amber accent-3,amber accent-4,orange,orange lighten-5,orange lighten-4,orange lighten-3,orange lighten-2,orange lighten-1,orange darken-1,orange darken-2,orange darken-3,orange darken-4,orange accent-1,orange accent-2,orange accent-3,orange accent-4,deep-orange,deep-orange lighten-5,deep-orange lighten-4,deep-orange lighten-3,deep-orange lighten-2,deep-orange lighten-1,deep-orange darken-1,deep-orange darken-2,deep-orange darken-3,deep-orange darken-4,deep-orange accent-1,deep-orange accent-2,deep-orange accent-3,deep-orange accent-4,brown,brown lighten-5,brown lighten-4,brown lighten-3,brown lighten-2,brown lighten-1,brown darken-1,brown darken-2,brown darken-3,brown darken-4,blue-grey,blue-grey lighten-5,blue-grey lighten-4,blue-grey lighten-3,blue-grey lighten-2,blue-grey lighten-1,blue-grey darken-1,blue-grey darken-2,blue-grey darken-3,blue-grey darken-4,grey,grey lighten-5,grey lighten-4,grey lighten-3,grey lighten-2,grey lighten-1,grey darken-1,grey darken-2,grey darken-3,grey darken-4,black,white,transparent|}\"$0"
    ],
    "description": "color - Vuetify"
  },
  "background-color": {
    "prefix": "backgroundColor",
    "body": [
      "background-color=\"${1|primary,accent,secondary,success,info,error,red,red lighten-5,red lighten-4,red lighten-3,red lighten-2,red lighten-1,red darken-1,red darken-2,red darken-3,red darken-4,red accent-1,red accent-2,red accent-3,red accent-4,pink,pink lighten-5,pink lighten-4,pink lighten-3,pink lighten-2,pink lighten-1,pink darken-1,pink darken-2,pink darken-3,pink darken-4,pink accent-1,pink accent-2,pink accent-3,pink accent-4,purple,purple lighten-5,purple lighten-4,purple lighten-3,purple lighten-2,purple lighten-1,purple darken-1,purple darken-2,purple darken-3,purple darken-4,purple accent-1,purple accent-2,purple accent-3,purple accent-4,deep-purple,deep-purple lighten-5,deep-purple lighten-4,deep-purple lighten-3,deep-purple lighten-2,deep-purple lighten-1,deep-purple darken-1,deep-purple darken-2,deep-purple darken-3,deep-purple darken-4,deep-purple accent-1,deep-purple accent-2,deep-purple accent-3,deep-purple accent-4,indigo,indigo lighten-5,indigo lighten-4,indigo lighten-3,indigo lighten-2,indigo lighten-1,indigo darken-1,indigo darken-2,indigo darken-3,indigo darken-4,indigo accent-1,indigo accent-2,indigo accent-3,indigo accent-4,blue,blue lighten-5,blue lighten-4,blue lighten-3,blue lighten-2,blue lighten-1,blue darken-1,blue darken-2,blue darken-3,blue darken-4,blue accent-1,blue accent-2,blue accent-3,blue accent-4,light-blue,light-blue lighten-5,light-blue lighten-4,light-blue lighten-3,light-blue lighten-2,light-blue lighten-1,light-blue darken-1,light-blue darken-2,light-blue darken-3,light-blue darken-4,light-blue accent-1,light-blue accent-2,light-blue accent-3,light-blue accent-4,cyan,cyan lighten-5,cyan lighten-4,cyan lighten-3,cyan lighten-2,cyan lighten-1,cyan darken-1,cyan darken-2,cyan darken-3,cyan darken-4,cyan accent-1,cyan accent-2,cyan accent-3,cyan accent-4,teal,teal lighten-5,teal lighten-4,teal lighten-3,teal lighten-2,teal lighten-1,teal darken-1,teal darken-2,teal darken-3,teal darken-4,teal accent-1,teal accent-2,teal accent-3,teal accent-4,green,green lighten-5,green lighten-4,green lighten-3,green lighten-2,green lighten-1,green darken-1,green darken-2,green darken-3,green darken-4,green accent-1,green accent-2,green accent-3,green accent-4,light-green,light-green lighten-5,light-green lighten-4,light-green lighten-3,light-green lighten-2,light-green lighten-1,light-green darken-1,light-green darken-2,light-green darken-3,light-green darken-4,light-green accent-1,light-green accent-2,light-green accent-3,light-green accent-4,lime,lime lighten-5,lime lighten-4,lime lighten-3,lime lighten-2,lime lighten-1,lime darken-1,lime darken-2,lime darken-3,lime darken-4,lime accent-1,lime accent-2,lime accent-3,lime accent-4,yellow,yellow lighten-5,yellow lighten-4,yellow lighten-3,yellow lighten-2,yellow lighten-1,yellow darken-1,yellow darken-2,yellow darken-3,yellow darken-4,yellow accent-1,yellow accent-2,yellow accent-3,yellow accent-4,amber,amber lighten-5,amber lighten-4,amber lighten-3,amber lighten-2,amber lighten-1,amber darken-1,amber darken-2,amber darken-3,amber darken-4,amber accent-1,amber accent-2,amber accent-3,amber accent-4,orange,orange lighten-5,orange lighten-4,orange lighten-3,orange lighten-2,orange lighten-1,orange darken-1,orange darken-2,orange darken-3,orange darken-4,orange accent-1,orange accent-2,orange accent-3,orange accent-4,deep-orange,deep-orange lighten-5,deep-orange lighten-4,deep-orange lighten-3,deep-orange lighten-2,deep-orange lighten-1,deep-orange darken-1,deep-orange darken-2,deep-orange darken-3,deep-orange darken-4,deep-orange accent-1,deep-orange accent-2,deep-orange accent-3,deep-orange accent-4,brown,brown lighten-5,brown lighten-4,brown lighten-3,brown lighten-2,brown lighten-1,brown darken-1,brown darken-2,brown darken-3,brown darken-4,blue-grey,blue-grey lighten-5,blue-grey lighten-4,blue-grey lighten-3,blue-grey lighten-2,blue-grey lighten-1,blue-grey darken-1,blue-grey darken-2,blue-grey darken-3,blue-grey darken-4,grey,grey lighten-5,grey lighten-4,grey lighten-3,grey lighten-2,grey lighten-1,grey darken-1,grey darken-2,grey darken-3,grey darken-4,black,white,transparent|}\"$0"
    ],
    "description": "background-color - Vuetify"
  },
  "min-width": {
    "prefix": "minWidth",
    "body": [
      "min-width=\"$1\"$0"
    ],
    "description": "min-width - Vuetify"
  },
  "max-width": {
    "prefix": "maxWidth",
    "body": [
      "max-width=\"$1\"$0"
    ],
    "description": "max-width - Vuetify"
  },
  "to": {
    "prefix": "to",
    "body": [
      "to=\"$1\"$0"
    ],
    "description": "to - Vuetify"
  },
  "item": {
    "prefix": "items",
    "body": [
      "items=\"$1\"$0"
    ],
    "description": "items - Vuetify"
  },
  "counter": {
    "prefix": "counter",
    "body": [
      "counter=\"$1\"$0"
    ],
    "description": "counter - Vuetify"
  },
}