vue3和vue2的代碼片段

{
	// Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
	// Placeholders with the same ids are connected.
	// Example:
	// "Print to console": {
	//  "scope": "javascript,typescript",
	//  "prefix": "log",
	//  "body": [
	//   "console.log('$1');",
	//   "$2"
	//  ],
	//  "description": "Log output to console"
	// }
	"Print to console": {
	  "scope": "vue",
	  "prefix": "vue",
	  "body": [
		"<template>",
		"    <div class='$1'></div>",
		"</template>",
		"",
		"<script>",
		"import { ref, reactive, toRefs } from 'vue';",
		"import { useStore } from 'vuex';",
		"import { useRouter, useRoute } from 'vue-router';",
		"export default {",
		"setup(props, ctx) {",
		"const store = useStore();",
		"const router = useRouter();",
		"const route = useRoute();",
		"const data = reactive({});",
		"return { ...toRefs(data) };",
		" },",
		" };",
  
		"</script>",
		"",
		"<style lang='scss' scoped>",
		"",
		"</style>",
		""
	  ],
	  "description": "Log output to console"
	},
	"vue2": {
	  "prefix": "vue2",
	  "body": [
		"<template>",
		"  <div>",
		" </div>",
		"</template>",
		"",
		"<script>",
		"export default {",
		"  data () {",
		"    return {",
		"",
		"    }",
		"  },",
		"  methods: {",
		"",
		"  },",
		"  created () {",
		"",
		"  },",
		"  mounted () {",
		"",
		"  },",
		"  components: {",
		"",
		"  },",
		"  computed: {",
		"",
		"  },",
		"  watch: {",
		"",
		"  },",
		"}",
		"</script>",
		"",
		"<style lang='scss' scoped>",
		"</style>",
		""
	  ],
	  "description": "Create vue template"
	}
  }