- Added more snippets.

Author: Mauro Vieira

README.md

@@ -0,0 +1,64 @@
+# Vue Sublime Snippets
+
+<p align="center"><img src="assets/vue-logo.png" width="360"/></p>
+
+## Installation
+
+Manually:
+
+1. Download [latest release](https://github.com/pichillilorenzo/JavaScriptEnhancements/releases) (**DON'T CLONE THE REPOSITORY!**) and unzip it into your **Packages folder** (go to `Preferences > Browse Packages...` menu item to open this folder)
+2. Rename the folder with `JavaScript Enhancements` name (**THIS STEP IS IMPORTANT**).
+
+If all is going in the right way, you will see `JavaScript Enhancements - installing npm dependencies...` and, after a while, `JavaScript Enhancements - npm dependencies installed correctly.` messages in the status bar of Sublime Text 3. Now the plugin is ready!
+
+## Snippets
+
+### Vue
+
+| Snippet | Purpose                    |
+| ------- | -------------------------- |
+| `vbase` | Single file component base |
+
+### Template
+
+| Snippet           | Purpose                             |
+| ----------------- | ----------------------------------- |
+| `vclass`          | Class binding                       |
+| `vfor`            | v-for directive                     |
+| `vif`            | v-if directive                     |
+| `vmodel`          | Semantic v-model directive          |
+| `von`             | v-on click handler with arguments   |
+| `vshow`            | v-show directive                     |
+| `vsrc`            | Image src binding                   |
+| `vstyle`          | Inline style binding                |
+
+### Script
+
+| Snippet          | Purpose                                                                  |
+| ---------------- | ------------------------------------------------------------------------ |
+| `vcomputed`      | Vue computed property                                                    |
+| `vdata`          | Component data as a function                                             |
+| `vdestroyed`        | Vue destroyed                                                               |
+| `vdirectives`      | Vue create a custom directive                                            |
+| `vfilter`        | Vue filter                                                               |
+| `vimport`        | Import one component into another                                        |
+| `vmethods`        | Vue methods                                                               |
+| `vmixin`         | Create a Vue Mixin                                                       |
+| `vmounted`        | Vue mounted                                                               |
+| `vprops`         | Props with type and default                                              |
+| `vwatch`       | Vue watcher with new and old value args                                  |
+
+### Vuex
+
+| Snippet         | Purpose                        |
+| --------------- | ------------------------------ |
+| `vactions`       | Vuex Actions                    |
+| `vgetters`       | Vuex Getter                    |
+| `vmutations`     | Vuex Mutations                  |
+
+
+## License
+
+**Sublime Vue Snippets** is open-sourced software licensed under the \[MIT license\](http://opensource.org/licenses/MIT)
+
+Created with ♥️ by [@mauroreisvieira](https://twitter.com/mauroreisvieira) in **Portugal**

package.json

@@ -1,12 +1,12 @@
 {
   "author": "Mauro Reis Vieira <mauroreisvieira@gmail.com>",
   "name": "vue-sublime-snippets",
-  "displayName": "Vue Sublime Text Snippets",
+  "displayName": "Vue Sublime Snippets",
   "description": "Sippets to help you in the development of projects.",
   "icon": "assets/vue-logo.png",
   "license": "MIT",
   "version": "1.0.0",
-  "repository": "https://bitbucket.org/mauroreisvieira/sublime-vue-snippets",
+  "repository": "https://github.com/maurovieirareis/sublime-vue-snippets",
   "bugs": {
     "url": "https://github.com/maurovieirareis/sublime-vue-snippets/issues"
   },

snippets/vclass.sublime-snippet

@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+<${1:div} :class="{ ${2:className}: ${3:data} }"></${1:div}>
+]]></content>
+    <tabTrigger>vclass</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>

snippets/vmodel.sublime-snippet

@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+<input v-model="${1:data}" type="text" />
+]]></content>
+    <tabTrigger>vmodel</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>

snippets/vclick.sublime-snippet snippets/von.sublime-snippetsnippets/vclick.sublime-snippet renamed to snippets/von.sublime-snippet

@@ -2,7 +2,7 @@ snippet>
     <content><![CDATA[
 @click="$1"
 ]]></content>
-    <tabTrigger>vclick</tabTrigger>
+    <tabTrigger>von</tabTrigger>
     <!-- Optional: Set a scope to limit where the snippet will trigger -->
     <!-- <scope>source.vue</scope> -->
 </snippet>

snippets/vsrc.sublime-snippet

@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+<img :src="${1:fileName}" alt="${2:altText}"/>
+]]></content>
+    <tabTrigger>vsrc</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>

snippets/vstyle.sublime-snippet

@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+<${1:div} :style="{ fontSize: ${2:data} + 'px' }"></${1:div}>
+]]></content>
+    <tabTrigger>vstyle</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.vue</scope> -->
+</snippet>