typescriptreact.json

{
  "Import Vue": {
    "prefix": "ivue",
    "body": [
      "import { $1 } from 'vue'$0"
    ]
  },
  "New TSX Component": {
    "prefix": "bptsx",
    "body": [
      "// Utility",
      "import { defineComponent } from 'vue'",
      "import { useRender } from '@/util'",
      "",
      "export const $1 = defineComponent({",
      "  name: '$1',",
      "",
      "  props: {",
      "    //",
      "  },",
      "",
      "  setup (props, { slots }) {",
      "    useRender(() => (",
      "      <div>",
      "        { slots?.default?.() }",
      "      </div>",
      "    ))",
      "",
      "    return {}",
      "  },",
      "})",
      "",
    ]
  },
  "New TSX Component w/ Slot": {
    "prefix": "bptsxs",
    "body": [
      "// Utility",
      "import { genericComponent, useRender } from '@/util'",
      "",
      "// Types",
      "import type { MakeSlots } from '@/util'",
      "",
      "export const $1 = genericComponent<new <T>() => {",
      "  $$slots: MakeSlots<{",
      "    default: []",
      "  }>",
      "}>()({",
      "  name: '$1',",
      "",
      "  props: {",
      "    //",
      "  },",
      "",
      "  setup (props, { slots }) {",
      "    useRender(() => (",
      "      <div>",
      "        { slots?.default?.() }",
      "      </div>",
      "    ))",
      "",
      "    return {}",
      "  },",
      "})",
      "",
      "export type $1 = InstanceType<typeof $1>",
      ""
    ]
  }
}