chore: fix formatting and update link

Author: avneesh0612

.gitpod.yml

@@ -0,0 +1,16 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/config-gitpod-file)
+# and commit this file to your remote git repository to share the goodness with others.
+
+tasks:
+  - init: yarn install
+
+github:
+  prebuilds:
+    master: true
+    branches: true
+    pullRequests: true
+    pullRequestsFromForks: true
+    addCheck: true
+    addComment: false
+    addBadge: true

README.md

@@ -9,7 +9,7 @@ React and Next.js Snippets with TypeScript support as well!🚀
 
 # Installation
 
-- Install the VSCode extension
+- Install the [VSCode extension](https://marketplace.visualstudio.com/items?itemName=AvneeshAgarwal.react-nextjs-snippets)
 - Reload VSCode
 - Snippets are ready 🎉
 

packages/vscode/snippets/next-javascript.json

@@ -64,4 +64,4 @@
     ],
     "description": "JavaScript: Next.js custom document"
   }
-}
+}

packages/vscode/snippets/react-typescript.json

@@ -1,30 +1,22 @@
 {
   "rimr": {
     "prefix": "rimr",
-    "body": [
-      "import React from 'react';"
-    ],
+    "body": ["import React from 'react';"],
     "description": "TypeScript: import react"
   },
   "rimrd": {
     "prefix": "rimrd",
-    "body": [
-      "import ReactDOM from 'react-dom';"
-    ],
+    "body": ["import ReactDOM from 'react-dom';"],
     "description": "TypeScript: import React DOM"
   },
   "rimrs": {
     "prefix": "rimrs",
-    "body": [
-      "import React, { useState } from 'react';"
-    ],
+    "body": ["import React, { useState } from 'react';"],
     "description": "Typescript: Import React and useState"
   },
   "rimrse": {
     "prefix": "rimrse",
-    "body": [
-      "import React, { useState, useEffect} from 'react';"
-    ],
+    "body": ["import React, { useState, useEffect} from 'react';"],
     "description": "Typescript: Import React, useState and useEffect"
   },
   "rfct": {
@@ -44,32 +36,22 @@
   },
   "ruet": {
     "prefix": "ruet",
-    "body": [
-      "useEffect(() => {",
-      "\t$1",
-      "}, []);"
-    ],
+    "body": ["useEffect(() => {", "\t$1", "}, []);"],
     "description": "TypeScript: useEffect hook"
   },
   "rust": {
     "prefix": "rust",
-    "body": [
-      "const [${1}, set${1}] = useState(${2});"
-    ],
+    "body": ["const [${1}, set${1}] = useState(${2});"],
     "description": "TypeScript: useState hook"
   },
   "ruct": {
     "prefix": "ruct",
-    "body": [
-      "const ${1} = useContext(${2});"
-    ],
+    "body": ["const ${1} = useContext(${2});"],
     "description": "TypeScript: useContext hook"
   },
   "rurt": {
     "prefix": "rurt",
-    "body": [
-      "const ${1} = useRef(${2});"
-    ],
+    "body": ["const ${1} = useRef(${2});"],
     "description": "TypeScript: useRef hook"
   }
-}
+}