From 1d50c81dc7920a733c7b5ac174721da710128c88 Mon Sep 17 00:00:00 2001
From: Brian Rogers <captbrogers@gmail.com>
Date: Wed, 16 Mar 2022 12:20:02 -0600
Subject: [PATCH] moving Vue3 component snippet to Composition API

---
 Packages/User/vue-component.sublime-snippet | 44 ++++++++++++++-------
 1 file changed, 29 insertions(+), 15 deletions(-)

diff --git a/Packages/User/vue-component.sublime-snippet b/Packages/User/vue-component.sublime-snippet
index 13f657b..8d4bf44 100644
--- a/Packages/User/vue-component.sublime-snippet
+++ b/Packages/User/vue-component.sublime-snippet
@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import { defineComponent } from 'vue'
+import { defineComponent, reactive, ref, computed, watch, onBeforeMount, onMounted } from 'vue'
 import AppLayout from '@/Layouts/AppLayout.vue'
 
 export default defineComponent({
@@ -23,21 +23,35 @@ export default defineComponent({
     AppLayout,
   },
 
-  setup(props, {emit}) {
-    return {}
+  setup(props, {context, emit}) {
+    let aVariable = reactive({})
+
+    let compVariable = computed(() => {
+      //return 'foo'
+    })
+
+    watch(variable, (newValue, oldValue) => {
+      //
+    })
+
+    onBeforeMount(() => {
+      //
+    })
+
+    onMounted(() => {
+      //
+    })
+
+    function myMethod() {
+      aVariable.value = null
+    }
+
+    return {
+      aVariable,
+      compVariable,
+      myMethod,
+    }
   },
-
-  beforeMount() {},
-
-  mounted() {},
-
-  data() {
-    return {}
-  },
-
-  computed: {},
-
-  methods: {},
 })
 </script>