- Added snippets.

Mauro Vieira · Mauro Vieira · commit 938bbd3e2ef3 · 2018-03-15T16:13:02.000Z
diff --git a/.gitignore b/.gitignore
@@ -1 +1,2 @@
 *.sublime-*
+!snippets/*.sublime-*
diff --git a/snippets/vactions.sublime-snippet b/snippets/vactions.sublime-snippet
@@ -0,0 +1,12 @@
+<snippet>
+    <content><![CDATA[
+actions: {
+  updateValue({commit}, payload) {
+    commit(updateValue, payload);
+  }
+}
+]]></content>
+<tabTrigger>vactions</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vbase.sublime-snippet b/snippets/vbase.sublime-snippet
@@ -0,0 +1,17 @@
+<snippet>
+    <content><![CDATA[
+<template>
+  <div>
+  </div>
+</template>
+<script>
+  export default {
+  }
+</script>
+<style scoped>
+</style>
+]]></content>
+    <tabTrigger>vbase</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vclick.sublime-snippet b/snippets/vclick.sublime-snippet
@@ -0,0 +1,8 @@
+snippet>
+    <content><![CDATA[
+@click="$1"
+]]></content>
+    <tabTrigger>vclick</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vcomputed.sublime-snippet b/snippets/vcomputed.sublime-snippet
@@ -0,0 +1,12 @@
+<snippet>
+    <content><![CDATA[
+computed: {
+  now: function () {
+    return Date.now()
+  }
+}
+]]></content>
+    <tabTrigger>vcomputed</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vdata.sublime-snippet b/snippets/vdata.sublime-snippet
@@ -0,0 +1,12 @@
+<snippet>
+    <content><![CDATA[
+data: function () {
+  return {
+    $1: $2
+  };
+}
+]]></content>
+    <tabTrigger>vdata</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vdestroyed.sublime-snippet b/snippets/vdestroyed.sublime-snippet
@@ -0,0 +1,12 @@
+<snippet>
+    <content><![CDATA[
+destroyed: function () {
+  this.$nextTick(function () {
+    doSomething()
+  })
+}
+]]></content>
+<tabTrigger>vdestroyed</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vdirectives.sublime-snippet b/snippets/vdirectives.sublime-snippet
@@ -0,0 +1,15 @@
+<snippet>
+    <content><![CDATA[
+directives: {
+  focus: {
+    // directive definition
+    $1: function ($2) {
+      $2.focus()
+    }
+  }
+}
+]]></content>
+    <tabTrigger>vdirectives</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vfilter.sublime-snippet b/snippets/vfilter.sublime-snippet
@@ -0,0 +1,12 @@
+<snippet>
+    <content><![CDATA[
+filters: {
+  $1: function($2) {
+    return;
+  }
+}
+]]></content>
+    <tabTrigger>vfilter</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vfor.sublime-snippet b/snippets/vfor.sublime-snippet
@@ -0,0 +1,10 @@
+<snippet>
+    <content><![CDATA[
+<div v-for="$1 in $2" :key="$1.id">
+  {{ $1 }}
+</div>
+]]></content>
+    <tabTrigger>vfor</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vgetters.sublime-snippet b/snippets/vgetters.sublime-snippet
@@ -0,0 +1,12 @@
+<snippet>
+    <content><![CDATA[
+getters: {
+  value: state => {
+    return state.value;
+  }
+}
+]]></content>
+<tabTrigger>vgetters</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vif.sublime-snippet b/snippets/vif.sublime-snippet
@@ -0,0 +1,10 @@
+<snippet>
+    <content><![CDATA[
+<div v-if="$1">
+  {{ $2 }}
+</div>
+]]></content>
+    <tabTrigger>vif</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vimport.sublime-snippet b/snippets/vimport.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+import $1 from './components/$1.vue';
+]]></content>
+<tabTrigger>vimport</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vmethods.sublime-snippet b/snippets/vmethods.sublime-snippet
@@ -0,0 +1,13 @@
+<snippet>
+    <content><![CDATA[
+// in component
+methods: {
+  reverseMessage: function () {
+    return this.message.split('').reverse().join('')
+  }
+}
+]]></content>
+    <tabTrigger>vmethods</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vmixin.sublime-snippet b/snippets/vmixin.sublime-snippet
@@ -0,0 +1,23 @@
+<snippet>
+    <content><![CDATA[
+// define a mixin object
+var myMixin = {
+  created: function () {
+    this.hello()
+  },
+  methods: {
+    hello: function () {
+      console.log('hello from mixin!')
+    }
+  }
+}
+// define a component that uses this mixin
+var Component = Vue.extend({
+  mixins: [myMixin]
+})
+var component = new Component() // -> "hello from mixin!"
+]]></content>
+    <tabTrigger>vmixin</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vmounted.sublime-snippet b/snippets/vmounted.sublime-snippet
@@ -0,0 +1,12 @@
+<snippet>
+    <content><![CDATA[
+mounted: function () {
+  this.$nextTick(function () {
+    doSomething()
+  })
+}
+]]></content>
+<tabTrigger>vmounted</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vmutations.sublime-snippet b/snippets/vmutations.sublime-snippet
@@ -0,0 +1,12 @@
+<snippet>
+    <content><![CDATA[
+mutations: {
+  updateValue: (state, payload) => {
+    state.value = payload;
+  }
+}
+]]></content>
+<tabTrigger>vmutations</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vprops.sublime-snippet b/snippets/vprops.sublime-snippet
@@ -0,0 +1,10 @@
+nippet>
+    <content><![CDATA[
+  $1: {
+    type: $2
+  },
+]]></content>
+    <tabTrigger>vprops</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vshow.sublime-snippet b/snippets/vshow.sublime-snippet
@@ -0,0 +1,10 @@
+<snippet>
+    <content><![CDATA[
+<div v-show="$1">
+  {{ $2 }}
+</div>
+]]></content>
+    <tabTrigger>vshow</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>
diff --git a/snippets/vwatch.sublime-snippet b/snippets/vwatch.sublime-snippet
@@ -0,0 +1,13 @@
+nippet>
+    <content><![CDATA[
+watch: {
+    // whenever question changes, this function will run
+    $1: function ($2) {
+        $3
+    }
+}
+]]></content>
+    <tabTrigger>vwatch</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>

Original file line number	Diff line number	Diff line change
`@@ -1 +1,2 @@`
`1`	`1`	`.sublime-`
	`2`	`+!snippets/.sublime-`