diff --git a/Packages/User/vue-component.sublime-snippet b/Packages/User/vue-component.sublime-snippet
index ff9f64a..6804c8d 100644
--- a/Packages/User/vue-component.sublime-snippet
+++ b/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>