From 2c5701a81163b9618e40fe0f89a48b8b46cd6c72 Mon Sep 17 00:00:00 2001
From: equiman <equiman@users.noreply.github.com>
Date: Fri, 14 Apr 2023 23:48:41 -0500
Subject: [PATCH] add support for react and vue

---
 .vscode/settings.json |  1 +
 CHANGELOG.md          |  6 ++++++
 README.md             | 17 ++++++++++++++++-
 package.json          | 22 +++++++++++++++++++++-
 4 files changed, 44 insertions(+), 2 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 12e6cca..3c4528f 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -6,6 +6,7 @@
     "github",
     "limegreen",
     "paypal",
+    "SWPM",
     "volta"
   ],
   "markdownlint.config": {
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 008ed66..4960f32 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,12 @@ Fixed       for any bug fixes.
 Security    to invite users to upgrade in case of vulnerabilities.
 -->
 
+## 1.4.0 - 2023/04/14
+
+### Added
+
+- support on JSX and TSX and Vue files
+
 ## 1.3.0 - 2023/02/27
 
 ### Added
diff --git a/README.md b/README.md
index 8ac565f..c212639 100644
--- a/README.md
+++ b/README.md
@@ -22,6 +22,7 @@ The quick and easy way to debug your code and styles with [VS Code](https://code
 - [Snippets](#snippets)
   - [Code](#code)
   - [Styles](#styles)
+- [keyboard](#keyboard)
 - [Settings](#settings)
 - [About](#about)
 
@@ -66,7 +67,7 @@ Open the extension manager with <kbd>ctrl</kbd>+<kbd>shift</kbd>+<kbd>X</kbd> (W
 
 ## Snippets
 
-Below is a list of all available snippets and the triggers of each one. The **$** means the `TAB` key and `█` the final cursor position.
+Below is a list of all available snippets and the triggers of each one. The **$** means the `TAB` jump position and `█` the final cursor position.
 
 ### Code
 
@@ -124,6 +125,19 @@ Below is a list of all available snippets and the triggers of each one. The **$*
 
 ---
 
+## Keyboard
+
+Remember to complement the snippets with these keyboard shortcuts that can be used without needing to move the cursor to the start or to the end.
+
+| Action            | Win/Linux          | macOS             |
+| ----------------- | -----------------: | ----------------: |
+| Insert line above | `ctrl+shift+enter` | `cmd+shift+enter` |
+| Insert line below | `ctrl+enter`       | `cmd+enter`       |
+
+⇧ [Back to menu](#menu)
+
+---
+
 ## Settings
 
 The `editor.snippetSuggestions` setting in vscode `settings.json` will show snippets on top of the suggestion list.
@@ -142,6 +156,7 @@ The `editor.snippetSuggestions` setting in vscode `settings.json` will show snip
 
 - [VS Code](https://code.visualstudio.com/) - Code editing redefined.
 - [Figma](https://www.figma.com/) - The collaborative interface design tool.
+- [SWPM](https://www.npmjs.com/package/swpm) - One Package Manager to command them all.
 
 ### Sources
 
diff --git a/package.json b/package.json
index 1f57b6a..eeebe12 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "debug-snippets",
   "description": "VS Code Debug snippets for JS, TS and CSS",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "displayName": "Debug Snippets",
   "publisher": "deinsoftware",
   "icon": "images/light-icon.png",
@@ -43,10 +43,30 @@
         "language": "javascript",
         "path": "./snippets/code.json"
       },
+      {
+        "language": "jsx-attr",
+        "path": "./snippets/code.json"
+      },
+      {
+        "language": "javascriptreact",
+        "path": "./snippets/code.json"
+      },
       {
         "language": "typescript",
         "path": "./snippets/code.json"
       },
+      {
+        "language": "tsx-attr",
+        "path": "./snippets/code.json"
+      },
+      {
+        "language": "typescriptreact",
+        "path": "./snippets/code.json"
+      },
+      {
+        "language": "vue",
+        "path": "./snippets/code.json"
+      },
       {
         "language": "css",
         "path": "./snippets/styles.json"