vue-property-decorator-snippets README
This extension adds Vue Property Decorator Code snippets into Visual Studio Code.
Features
| Prefix |
Vue Property Decorator Snippet Content |
vuedec-import |
import { Vue, Component, Prop, Watch, Emit } from "vue-property-decorator"; |
vuedec-comp |
@Component export default class Compenent extends Vue {...} |
vuedec-newComp |
Equivalent to vuedec-import and vuedec-comp |
vuedec-prop |
@Prop() readonly variable!: type; |
vuedec-data |
variable: type = defaultValue; |
vuedec-watch |
@Watch(variableToWatch) onVariableChanged(val: type, oldVal; type) {...} |
vuedec-model |
@Model() readonly variable!: type; |
vuedec-prov |
@Provide() variable = value; |
vuedec-inject |
@Inject() readonly variable!: type; |
vuedec-emit |
@Emit(event) myMethod() { ... } |
| Prefix |
Vuex Module Decorator Snippet Content |
vuexdec-module |
import {... } from "vuex-module-decorators"; @Module export default class MyModule extends VuexModule {...} |
vuexdec-dynamicModule |
import {... } from "vuex-module-decorators"; @Module({ dynamic: true, store, name: "myModule"}) export default class MyModule extends VuexModule {...} |
vuexdec-mutation |
@Mutation myMutation(payload: type) {...} |
Requirements
Supported Languages
vue (.vue)typescript (.ts)
Known Issues
Not yet.
Release Notes
0.0.3
Add snippets for :
@Model@Inject@Provide@Emit
0.0.1
Initial release of Vue Property Decorator Snippets
| |
