feat: add elm with dangerouslySetInnerHTML prop snippet

Author: afiiif

snippets/javascript.json

@@ -1165,7 +1165,15 @@
     "description": "Wrap with `JSON.parse`",
     "scope": "javascript,javascriptreact"
   },
-  "🟨 htmlButton": {
+  "🟨 jsxInnerHTML": {
+    "prefix": "innerHTML.$innerHTML.dangerously",
+    "body": [
+      "<${1:div} dangerouslySetInnerHTML={{ __html: $2 }} />"
+    ],
+    "description": "Create element with `dangerouslySetInnerHTML` prop",
+    "scope": "javascript,javascriptreact"
+  },
+  "🟨 jsxButton": {
     "prefix": "button.$button",
     "body": [
       "<button type=\"button\" onClick={${2:onClick}}$3>",

snippets/typescript.json

@@ -1462,7 +1462,15 @@
     "description": "Wrap with `JSON.parse`",
     "scope": "javascript,typescript,javascriptreact,typescriptreact"
   },
-  "🟨 htmlButton": {
+  "🟨 jsxInnerHTML": {
+    "prefix": "innerHTML.$innerHTML.dangerously",
+    "body": [
+      "<${1:div} dangerouslySetInnerHTML={{ __html: $2 }} />"
+    ],
+    "description": "Create element with `dangerouslySetInnerHTML` prop",
+    "scope": "javascript,typescript,javascriptreact,typescriptreact"
+  },
+  "🟨 jsxButton": {
     "prefix": "button.$button",
     "body": [
       "<button type=\"button\" onClick={${2:onClick}}$3>",

src/snippets/html-jsx.ts

@@ -1,6 +1,12 @@
 import { Snippet } from '../types';
 
-export const htmlButton: Snippet = {
+export const jsxInnerHTML: Snippet = {
+  prefix: ['innerHTML', 'dangerously'],
+  body: ['<${1:div} dangerouslySetInnerHTML={{ __html: $2 }} />'],
+  description: 'Create element with `dangerouslySetInnerHTML` prop',
+};
+
+export const jsxButton: Snippet = {
   prefix: 'button',
   body: ['<button type="button" onClick={${2:onClick}}$3>', '\t${1:Button}', '</button>'],
   description: 'Create `<button />` element',