Changing vue component snippet to be Vue3 friendly

Packages/User/vue-component.sublime-snippet

@@ -5,29 +5,23 @@
 </template>
 
 <script>
-// imports go here
-
-export default {
-  name: '${1}',
+import { defineComponent } from 'vue'
 
+export default defineComponent({
   props: {},
 
-  data () {
+  data() {
     return {}
   },
 
   computed: {},
 
-  mounted () {},
+  mounted() {},
 
   methods: {},
-}
+})
 </script>
 
-<style lang="scss" scoped>
-
-</style>
-
 ]]></content>
     <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
     <tabTrigger>vcomp</tabTrigger>