From 36d9c5a4ea2283fe344350529404d37204c4a314 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Fri, 11 Sep 2020 23:20:18 -0700
Subject: [PATCH] a convenient React component snippet!

---
 .vscode/impress-2020.code-snippets | 32 ++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 .vscode/impress-2020.code-snippets

diff --git a/.vscode/impress-2020.code-snippets b/.vscode/impress-2020.code-snippets
new file mode 100644
index 0000000..81bc527
--- /dev/null
+++ b/.vscode/impress-2020.code-snippets
@@ -0,0 +1,32 @@
+{
+  // Place your impress-2020 workspace 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"
+  // }
+  "Component file": {
+    "scope": "javascript",
+    "prefix": "component",
+    "body": [
+      "import React from \"react\";",
+      "import { Box } from \"@chakra-ui/core\";",
+      "",
+      "function $TM_FILENAME_BASE() {",
+      "  return <Box>$1</Box>;",
+      "}",
+      "",
+      "export default $TM_FILENAME_BASE;"
+    ]
+  }
+}