diff --git a/Packages/User/vue-component.sublime-snippet b/Packages/User/vue-component.sublime-snippet
index 8d4bf44..ce46665 100644
--- a/Packages/User/vue-component.sublime-snippet
+++ b/Packages/User/vue-component.sublime-snippet
@@ -11,8 +11,8 @@
 </template>
 
 <script>
-import { defineComponent, reactive, ref, computed, watch, onBeforeMount, onMounted } from 'vue'
-import AppLayout from '@/Layouts/AppLayout.vue'
+import { defineComponent, reactive, ref, computed, watch, onBeforeMount, onMounted, provide, inject } from "vue"
+import AppLayout from "@/Layouts/AppLayout.vue"
 
 export default defineComponent({
   emits: [],
@@ -23,17 +23,20 @@ export default defineComponent({
     AppLayout,
   },
 
-  setup(props, {context, emit}) {
-    let aVariable = reactive({})
+  setup(props, { attrs, slots, emit, expose }) {
+    let aVariable = ref({})
 
+    // computed properties
     let compVariable = computed(() => {
-      //return 'foo'
+      //return "foo"
     })
 
-    watch(variable, (newValue, oldValue) => {
+    // watchers
+    watch(aVariable, (newValue, oldValue) => {
       //
     })
 
+    // lifecycle hooks
     onBeforeMount(() => {
       //
     })
@@ -42,6 +45,7 @@ export default defineComponent({
       //
     })
 
+    // methods
     function myMethod() {
       aVariable.value = null
     }