Update Angular 14.0.4 & inprove SEO on react

Author: ganatan

README.md

@@ -12,7 +12,7 @@ it's part of a repo series designed
 
 to create a **Web Application with Angular 14**
 
-* Featuring [**Angular 14.0.3**](https://github.com/angular/angular/releases) & [**Angular CLI 14.0.3**](https://github.com/angular/angular-cli/releases/)
+* Featuring [**Angular 14.0.4**](https://github.com/angular/angular/releases) & [**Angular CLI 14.0.4**](https://github.com/angular/angular-cli/releases/)
 
 
 * See the [**Live demo**](#angular-live-demo), Test the repo with [**Quick start**](#angular-quick-start) and for more information Read the step by step [**Tutorial**](#angular-tutorial) or read the [**Getting started**](#angular-getting-started)

angular/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-seo",
-  "version": "14.0.3",
+  "version": "14.0.4",
   "scripts": {
     "ng": "ng",
     "start": "ng serve --port 4200",
@@ -13,29 +13,29 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "14.0.3",
-    "@angular/common": "14.0.3",
-    "@angular/compiler": "14.0.3",
-    "@angular/core": "14.0.3",
-    "@angular/forms": "14.0.3",
-    "@angular/platform-browser": "14.0.3",
-    "@angular/platform-browser-dynamic": "14.0.3",
-    "@angular/router": "14.0.3",
+    "@angular/animations": "14.0.4",
+    "@angular/common": "14.0.4",
+    "@angular/compiler": "14.0.4",
+    "@angular/core": "14.0.4",
+    "@angular/forms": "14.0.4",
+    "@angular/platform-browser": "14.0.4",
+    "@angular/platform-browser-dynamic": "14.0.4",
+    "@angular/router": "14.0.4",
     "@fortawesome/fontawesome-free": "6.1.1",
     "bootstrap": "5.1.3",
     "rxjs": "7.5.5",
     "tslib": "2.4.0",
     "zone.js": "0.11.6"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "14.0.3",
+    "@angular-devkit/build-angular": "14.0.4",
     "@angular-eslint/builder": "14.0.0",
     "@angular-eslint/eslint-plugin": "14.0.0",
     "@angular-eslint/eslint-plugin-template": "14.0.0",
     "@angular-eslint/schematics": "14.0.0",
     "@angular-eslint/template-parser": "14.0.0",
-    "@angular/cli": "14.0.3",
-    "@angular/compiler-cli": "14.0.3",
+    "@angular/cli": "14.0.4",
+    "@angular/compiler-cli": "14.0.4",
     "@types/jasmine": "4.0.3",
     "@typescript-eslint/eslint-plugin": "5.30.0",
     "@typescript-eslint/parser": "5.30.0",

angular/package.json

@@ -43,7 +43,7 @@
 <footer class="nga-footer">
   <div class="py-3 text-center" style="background-color: black;">
     <div class="container">
-      2021 :<a href="https://www.ganatan.com/"> www.ganatan.com</a>
+      <a href="https://www.ganatan.com/"> www.ganatan.com</a>
     </div>
   </div>
 </footer>

angular/src/app/app.component.html

@@ -3,7 +3,7 @@ export const environment = {
   application:
   {
     name: 'angular-seo',
-    version: 'Angular 14.0.3',
+    version: 'Angular 14.0.4',
     bootstrap: 'Bootstrap 5.1.3',
     fontawesome: 'Font Awesome 6.1.1',
   }

angular/src/environments/environment.prod.ts

@@ -3,7 +3,7 @@ export const environment = {
   application:
   {
     name: 'angular-seo',
-    version: 'Angular 14.0.3',
+    version: 'Angular 14.0.4',
     bootstrap: 'Bootstrap 5.1.3',
     fontawesome: 'Font Awesome 6.1.1',
   }

angular/src/environments/environment.ts

@@ -274,7 +274,7 @@ <h5 class="card-title">Template Driven Forms</h5>
   <footer class="nga-footer">
     <div class="py-3 text-center" style="background-color: black;">
       <div class="container">
-        2021 :<a href="https://www.ganatan.com/"> www.ganatan.com</a>
+        <a href="https://www.ganatan.com/"> www.ganatan.com</a>
       </div>
     </div>
   </footer>

angular/ui/angular-starter-home.html

@@ -2,7 +2,7 @@ import React from 'react';
 
 import { Helmet, HelmetProvider } from 'react-helmet-async';
 
-class SeoService extends React.Component {
+class Seo extends React.Component {
 
   constructor(props) {
     super(props);
@@ -24,4 +24,4 @@ class SeoService extends React.Component {
 
 }
 
-export default SeoService; 
+export default Seo; 

react/src/app/services/seo/seo-service.js renamed to react/src/app/components/seo/seo.js

@@ -4,7 +4,7 @@ import { Link } from 'react-router-dom';
 import ExampleBootstrapRouting from './example-bootstrap-routing';
 
 import './example-bootstrap.css';
-import SeoService from '../../../services/seo/seo-service';
+import Seo from '../../../components/seo/seo';
 
 class ExampleBootstrap extends React.Component {
   render() {
@@ -14,7 +14,7 @@ class ExampleBootstrap extends React.Component {
 
     return (
       <div>
-        <SeoService content={content} title={title}></SeoService>
+        <Seo content={content} title={title}></Seo>
         <div id="example-bootstrap">
           <ul>
             <li><Link to="main">main</Link></li>

react/src/app/modules/application/example-bootstrap/example-bootstrap.js

@@ -4,7 +4,7 @@ import { Link } from 'react-router-dom';
 import ExampleComponentsRouting from './example-components-routing';
 
 import './example-components.css';
-import SeoService from '../../../services/seo/seo-service';
+import Seo from '../../../components/seo/seo';
 
 class ExampleBootstrap extends React.Component {
   render() {
@@ -14,7 +14,7 @@ class ExampleBootstrap extends React.Component {
 
     return (
       <div>
-        <SeoService content={content} title={title}></SeoService>
+        <Seo content={content} title={title}></Seo>
         <div id="example-components">
           <ul>
             <li><Link to="main">main</Link></li>