@enjoys/context-engine 1.2.0 → 1.4.1

package/data/completion/javascript.json

@@ -909,6 +909,33 @@
       "insertText": "using ${1:resource} = ${2:expression};",
       "insertTextRules": 4,
       "sortText": "00_using"
+    },
+    {
+      "label": { "label": "react component", "detail": " function", "description": "JSX" },
+      "kind": 15,
+      "detail": "React function component",
+      "documentation": { "value": "Create a React function component with JSX.\n\n```jsx\nfunction Button({ label }) {\n  return (\n    <button className=\"btn\">{label}</button>\n  );\n}\n\nexport default Button;\n```" },
+      "insertText": "function ${1:Component}({ ${2:props} }) {\n\treturn (\n\t\t<div className=\"${3}\">\n\t\t\t${4}\n\t\t</div>\n\t);\n}\n\nexport default ${1:Component};",
+      "insertTextRules": 4,
+      "sortText": "00_react_component"
+    },
+    {
+      "label": { "label": "jsx element", "detail": " snippet", "description": "JSX" },
+      "kind": 15,
+      "detail": "JSX element",
+      "documentation": { "value": "Insert a JSX element.\n\n```jsx\n<div className=\"container\">Content</div>\n```" },
+      "insertText": "<${1:div} className=\"${2}\">${3}</${1:div}>",
+      "insertTextRules": 4,
+      "sortText": "00_jsx_element"
+    },
+    {
+      "label": { "label": "useState", "detail": " hook", "description": "React" },
+      "kind": 15,
+      "detail": "React useState hook",
+      "documentation": { "value": "Declare component state with `useState`.\n\n```jsx\nconst [count, setCount] = useState(0);\n```" },
+      "insertText": "const [${1:state}, set${2:State}] = useState(${3:initial});",
+      "insertTextRules": 4,
+      "sortText": "00_react_useState"
     }
   ]
 }