🚧 feat: alterou o package, tsconfig, add roteamento e angular material

Author: CibeleMartins

package-lock.json

@@ -17,6 +17,7 @@
     "@angular/compiler": "^11.0.5",
     "@angular/core": "^11.0.5",
     "@angular/forms": "^11.2.14",
+    "@angular/material": "^15.1.3",
     "@angular/platform-browser": "^11.0.5",
     "@angular/platform-browser-dynamic": "^11.0.5",
     "@angular/router": "^11.0.5",

package.json

@@ -0,0 +1,16 @@
+import { RouterModule, Routes } from "@angular/router";
+import { NgModule } from "@angular/core";
+
+import { SnippetComponent } from "./components/snippet/snippet.component";
+
+const routes: Routes = [];
+
+const RoutesApp: Routes = [
+  { path:'', component: SnippetComponent },
+
+];
+@NgModule({
+  imports: [RouterModule.forRoot(RoutesApp)],
+  exports: [RouterModule],
+})
+export class AppRoutingModule {}

src/app/app-routing.module.ts

@@ -10,3 +10,4 @@
     </div>
   </div>
 </div>
+

src/app/app.component.html

@@ -2,6 +2,10 @@ import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 
+import { AppRoutingModule } from './app-routing.module';
+
+import {MatCardModule} from '@angular/material/card';
+
 
 import { AppComponent } from './app.component';
 import { AccountComponent } from './account/account.component';
@@ -25,7 +29,10 @@ import { NewSnippetComponent } from './components/new-snippet/new-snippet.compon
   ],
   imports: [
     BrowserModule,
-    FormsModule
+    FormsModule,
+    AppRoutingModule,
+    MatCardModule
+   
   ],
   providers: [AccountService, LoggingService],
   bootstrap: [AppComponent]

src/app/app.module.ts

@@ -1 +1,3 @@
-<p>snippets works!</p>
+<mat-card>
+    <mat-card-content>Simple card</mat-card-content>
+</mat-card>

src/app/components/snippets/snippets.component.html

@@ -12,6 +12,9 @@
     "typeRoots": [
       "node_modules/@types"
     ],
+    "paths": {
+      "@angular/*": ["./node_modules/@angular/*"]
+    },
     "lib": [
       "es2017",
       "dom"