typescript.json

{
  "Print to console": {
    "prefix": "clg",
    "body": [
      "console.log('$1');",
      "$2"
    ],
    "description": "Log output to console"
  },
  "JSON Stringify HTML": {
    "prefix": "jss",
    "body": [
      "<pre style={{ height: \"200px\", overflow: \"auto\" }}><code>{JSON.stringify($1, null, 2)}</code></pre>"
    ],
    "description": "JSON Stringify HTML"
  },
  "Export function": {
    "prefix": "ef",
    "body": [
      "export function $1($2): $3 {",
      "  $4",
      "}"
    ],
    "description": "Export function"
  },
  "Export const": {
    "prefix": "expc",
    "body": [
      "type Props = {",
      "  $2",
      "}",
      "",
      "export const $1 = ({ $3 }: Props) => {",
      "  return (",
      "    $4",
      "  );",
      "};"
    ],
    "description": "Export const"
  },
  "Export default function": {
    "prefix": "edf",
    "body": [
      "export default function $1($2) {",
      "  $4",
      "}"
    ],
    "description": "Export default function"
  },
  "Export default graphql const": {
    "prefix": "edgc",
    "body": [
      "import { graphql } from \"@/lib/gql\";",
      "",
      "export const $1 = graphql(`",
      "  $2",
      "`);",
      ""
    ],
    "description": "Export default graphql const"
  },
  "Export default graphql hook": {
    "prefix": "edgh",
    "body": [
      "import { useGqlQuery } from \"@/lib/gql\";",
      "",
      "type Props = {",
      "  $2",
      "};",
      "",
      "export const $1 = ({ $3 }: Props) => {",
      "const query = useGqlQuery({",
      "document: $4,",
      "variables: undefined",
      "});",
      "",
      "return { ...query };",
      "};"
    ],
    "description": "Export default graphql hook"
  }
}