Changing vue component snippet to be Vue3 friendly

Packages/User/vue-component.sublime-snippet

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