diff --git a/snippets/snippets.cson b/snippets/snippets.cson
index dd2cb06..efe1f8c 100644
--- a/snippets/snippets.cson
+++ b/snippets/snippets.cson
@@ -25,14 +25,12 @@
       <script>
       export default {
         name: "$1",
-        data: function data() {
-          return {
+        data: () => ({
 
-          }
-        }
+        })
       }
       </script>
-      <style${2: lang="${3:scss}"}>
+      <style${2: lang="${3:scss}"} ${4:scoped}>
       </style>
     """
     "description": "Single file component template"
@@ -88,7 +86,7 @@
   'beforeCreate Vuejs hook':
     'prefix': 'beforeCreate'
     'body': """
-    beforeCreate: function beforeCreate() {
+    beforeCreate() {
       //do something before creating vue instance
       $1
     }
@@ -98,7 +96,7 @@
   'created Vuejs hook':
     'prefix': 'created'
     'body': """
-    created: function created() {
+    created() {
       //do something after creating vue instance
       $1
     }
@@ -108,7 +106,7 @@
   'beforeMount Vuejs hook':
     'prefix': 'beforeMount'
     'body': """
-    beforeMount: function beforeMount() {
+    beforeMount() {
       //do something before mounting vue instance
       $1
     }
@@ -118,7 +116,7 @@
   'mounted Vuejs hook':
     'prefix': 'mounted'
     'body': """
-    mounted: function mounted() {
+    mounted() {
       //do something after mounting vue instance
       $1
     }
@@ -128,7 +126,7 @@
   'beforeUpdate Vuejs hook':
     'prefix': 'beforeUpdate'
     'body': """
-    beforeUpdate: function beforeUpdate() {
+    beforeUpdate() {
       //do something before updating vue instance
       $1
     }
@@ -138,7 +136,7 @@
   'updated Vuejs hook':
     'prefix': 'updated'
     'body': """
-    updated: function updated() {
+    updated() {
       //do something after updating vue instance
       $1
     }
@@ -148,7 +146,7 @@
   'beforeDestroy Vuejs hook':
     'prefix': 'beforeDestroy'
     'body': """
-    beforeDestroy: function beforeDestroy() {
+    beforeDestroy() {
       //do something before destroying vue instance
       $1
     }
@@ -158,7 +156,7 @@
   'destroyed Vuejs hook':
     'prefix': 'destroyed'
     'body': """
-    destroyed: function destroyed() {
+    destroyed() {
       //do something after destroying vue instance
       $1
     }
@@ -181,7 +179,7 @@
     'prefix': 'methods'
     'body': """
     methods: {
-      ${1:methodName}: function ${1:methodName}() {
+      ${1:methodName}() {
         $2
       }
     }