Vue3 Component template and snippet for vscode

boilerplate.vue3

<template>
<div>
  <!--start-here-->
</div>
</template>

<script setup>
import { ref, computed } from 'vue'
// props and emits
const props = defineProps(['someProp'])
const emits = defineEmits(['someEmit'])
// data
const someVal = ref(null)
//computed
const someComputed = computed(() => {
  return null
})
//functions
function someFunction() {
  // code here
}
</script>

vue-plus.json

{
  "Vue3 Component Snippet by Ainsof So'o": {
    "prefix": "vue3-default",
    "body": [
      "<template>",
      "<div>",
      "  <!--start-here-->",
      "</div>",
      "</template>",
      "",
      "<script setup>",
      "import { ref, computed } from 'vue'",
      "// props and emits",
      "const props = defineProps(['someProp'])",
      "const emits = defineEmits(['someEmit'])",
      "// data",
      "const someVal = ref(null)",
      "//computed",
      "const someComputed = computed(() => {",
      "  return null",
      "})",
      "//functions",
      "function someFunction() {",
      "  // code here",
      "}",
      "</script>"
    ],
    "description": "Vue3 Component Snippet by Ainsof So'o"
  },
  "Create props": {
    "prefix": "props",
    "body": ["const props = defineProps(['someProp'])"],
    "description": "Create props"
  },
  "Create emits": {
    "prefix": "emits",
    "body": ["const emit = defineEmits(['someEmit'])"],
    "description": "Create emits"
  },
  "Create ref": {
    "prefix": "ref",
    "body": ["import { ref } from 'vue'", "const someVal = ref(null)"],
    "description": "Create ref"
  },
  "Create computed ": {
    "prefix": "computed ",
    "body": [
      "import { computed } from 'vue'",
      "const someComputed = computed(() => {",
      "  return null",
      "})"
    ],
    "description": "Create computed "
  }
}

vue.json

{
  "Vue3 Component Snippet by Ainsof So'o": {
    "prefix": "vue3-default",
    "body": [
      "<template>",
      "<div>",
      "  <!--start-here-->",
      "</div>",
      "</template>",
      "",
      "<script setup>",
      "import { ref, computed } from 'vue'",
      "// props and emits",
      "const props = defineProps(['someProp'])",
      "const emits = defineEmits(['someEmit'])",
      "// data",
      "const someVal = ref(null)",
      "//computed",
      "const someComputed = computed(() => {",
      "  return null",
      "})",
      "//functions",
      "function someFunction() {",
      "  // code here",
      "}",
      "</script>"
    ],
    "description": "Vue3 Component Snippet by Ainsof So'o"
  }
}