chore: linting, JS version updated

Author: AndrewJBateman

.vscode/settings.json

@@ -1,2 +1,3 @@
 {
-}
+  "html.format.wrapLineLength": 80
+}

src/app/contact/contact.component.scss

@@ -12,23 +12,23 @@ label {
   .error {
     margin-top: -20px;
     background: yellow;
-    padding: .5em;
+    padding: 0.5em;
     display: inline-block;
-    font-size: .9em;
+    font-size: 0.9em;
     margin-bottom: 20px;
   }
 }
 
 .cta {
-  background: #7700FF;
+  background: #7700ff;
   border: none;
   color: white;
 
   text-transform: uppercase;
   border-radius: 4px;
   padding: 1em;
   cursor: pointer;
-  font-family: 'Montserrat';
+  font-family: "Montserrat";
 }
 
 .results {

src/app/home/data.service.ts

@@ -11,5 +11,5 @@ export class DataService {
 
   getUsers = (): Observable<apiResponse> => {
     return this.http.get<apiResponse>("https://reqres.in/api/users");
-  }
+  };
 }

src/app/home/home.component.ts

@@ -14,7 +14,7 @@ export class HomeComponent implements OnInit {
   constructor(private data: DataService) {}
 
   // on init the Dataservice getUsers() function supplies a user observable.
-  ngOnInit () {
+  ngOnInit() {
     this.users$ = this.data.getUsers();
-  };
+  }
 }

tsconfig.json

@@ -5,15 +5,15 @@
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
-    "module": "es2015",
+    "module": "es2020",
     "moduleResolution": "node",
     "experimentalDecorators": true,
     "target": "ES2022",
     "typeRoots": [
       "node_modules/@types"
     ],
     "lib": [
-      "es2018",
+      "es2020",
       "dom"
     ],
     "useDefineForClassFields": false