🆕 Add initial commit

cezardasilva · cezardasilva · commit 956fa438dd15 · 2016-08-17T16:10:57.000-03:00
diff --git a/README.md b/README.md
@@ -1,2 +1,89 @@
 # vuejs-snippets
+
 VueJS Components Snippets for Atom
+
+---
+
+## Types
+
+- .text.html.vue
+
+## Snippets
+
+### Vue Component
+
+prefix: component
+
+body:
+  ```
+  <template>
+    //You component contents goes here, only html.
+  </template>
+
+  <script>
+
+  export default {
+    name: "ComponentName",
+    data(){
+      return {
+        //Component Data
+        example: true,
+        foo: "bar"
+      }
+    },
+
+    created(){
+      //On Component created
+    },
+
+    methods: {
+      functionExample(){
+        //Basic Component method
+      }
+    }
+  }
+  </script>
+  ```
+
+### Vue Modal Component
+
+  prefix: modal
+
+  body:
+
+    <template>
+      <modal :show.sync="showModal">
+        <h2 slot="header">{{$t("change_password.title")}}</h2>
+        <div slot="body">
+          //You component contents goes here, only html.
+        </div>
+        <div slot="footer" class="text-center">
+        </div>
+      </modal>
+    </template>
+
+    <script>
+    import Modal from './interface/Modal.vue'
+
+    export default {
+      name: "ComponentName",
+      components: { Modal },
+      data(){
+        return {
+          //Component Data
+          showModal: false,
+        }
+      },
+
+      created(){
+        //On Component created
+        this.showModal = true;
+      },
+
+      methods: {
+        functionExample(){
+          //Basic Component method
+        }
+      }
+    }
+    </script>
diff --git a/package.json b/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "vuejs-components",
+  "version": "0.0.1",
+  "description": "VueJS Components Snippets for Atom",
+  "keywords": [],
+  "repository": "https://github.com/cezardasilva/vuejs-snippets",
+  "license": "MIT",
+  "engines": {
+    "atom": ">=1.0.0 <2.0.0"
+  },
+  "dependencies": {}
+}
diff --git a/snippets/vue-components.cson b/snippets/vue-components.cson
@@ -0,0 +1,74 @@
+'.text.html.vue':
+  'Vue Component':
+    'prefix': 'component'
+    'description': 'This snippet generates the basic structure for a Vue JS Component'
+    'body': """
+      <template>
+        //You component contents goes here, only html.
+      </template>
+
+      <script>
+
+      export default {
+      	name: "ComponentName",
+      	data(){
+      		return {
+      			//Component Data
+            example: true,
+            foo: "bar"
+      		}
+      	},
+
+      	created(){
+      		//On Component created
+      	},
+
+      	methods: {
+      		functionExample(){
+            //Basic Component method
+      		}
+      	}
+      }
+      </script>
+    """
+  'Vue Component Modal':
+    'prefix': 'modal'
+    'description': 'This snippet generates the basic structure for a Vue JS Component with a modal'
+    'body': """
+      <template>
+      	<modal :show.sync="showModal">
+      		<h2 slot="header">{{$t("change_password.title")}}</h2>
+      		<div slot="body">
+            //You component contents goes here, only html.
+          </div>
+      		<div slot="footer" class="text-center">
+      		</div>
+    	  </modal>
+      </template>
+
+      <script>
+      import Modal from './interface/Modal.vue'
+
+      export default {
+      	name: "ComponentName",
+        components: { Modal },
+      	data(){
+      		return {
+      			//Component Data
+            showModal: false,
+      		}
+      	},
+
+      	created(){
+      		//On Component created
+          this.showModal = true;
+      	},
+
+      	methods: {
+      		functionExample(){
+            //Basic Component method
+      		}
+      	}
+      }
+      </script>
+    """
