vscode/typescriptreact.json at main · injty/vscode · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
{
  "functional component with props": {
    "prefix": "!fc",
    "body": [
      "interface ${TM_FILENAME_BASE/(.*)$/${1:/pascalcase}/}Props {",
      "  className?: string;",
      "}",
      "",
      "export const ${TM_FILENAME_BASE/(.*)$/${1:/pascalcase}/} = ({ className }: ${TM_FILENAME_BASE/(.*)$/${1:/pascalcase}/}Props) => {",
      "  return (",
      "    <div className={className}>",
      "      <div>${TM_FILENAME_BASE/(.*)$/${1:/pascalcase}/}$1</div>",
      "    </div>",
      "  );",
      "};"
    ],
    "description": "typescript react functional component with props"
  },
  "functional component with props and cn with classname": {
    "prefix": "!fcn",
    "body": [
      "import { cn } from \"@/utils/helpers/cn\";",
      "",
      "interface ${TM_FILENAME_BASE/(.*)$/${1:/pascalcase}/}Props {",
      "  className?: string;",
      "}",
      "",
      "export const ${TM_FILENAME_BASE/(.*)$/${1:/pascalcase}/} = ({ className }: ${TM_FILENAME_BASE/(.*)$/${1:/pascalcase}/}Props) => {",
      "  return (",
      "    <div className={cn(\"\", className)}>",
      "      <div>${TM_FILENAME_BASE/(.*)$/${1:/pascalcase}/}$1</div>",
      "    </div>",
      "  );",
      "};"
    ],
    "description": "typescript react functional component with props and cn()"
  },
  "log with comment": {
    "prefix": "!cl",
    "body": [
      "console.log(\"[${TM_FILENAME_BASE/(.*)$/${1:/upcase}/} LOG]:\", $1)"
    ]
  },
  "log error with comment": {
    "prefix": "!cle",
    "body": [
      "console.log(\"[${TM_FILENAME_BASE/(.*)$/${1:/upcase}/} ERROR]:\", error)"
    ]
  }
}