make it compatible with Angular Universal

Author: jhades

src/app.config.ts

@@ -0,0 +1,35 @@
+import {ApplicationConfig, importProvidersFrom} from "@angular/core";
+import {BrowserModule} from "@angular/platform-browser";
+import {MatMenuModule} from "@angular/material/menu";
+import {MatButtonModule} from "@angular/material/button";
+import {MatIconModule} from "@angular/material/icon";
+import {MatCardModule} from "@angular/material/card";
+import {MatTabsModule} from "@angular/material/tabs";
+import {MatSidenavModule} from "@angular/material/sidenav";
+import {MatListModule} from "@angular/material/list";
+import {MatToolbarModule} from "@angular/material/toolbar";
+import {MatInputModule} from "@angular/material/input";
+import {MatTableModule} from "@angular/material/table";
+import {MatPaginatorModule} from "@angular/material/paginator";
+import {MatSortModule} from "@angular/material/sort";
+import {MatProgressSpinnerModule} from "@angular/material/progress-spinner";
+import {MatDialogModule} from "@angular/material/dialog";
+import {AppRoutingModule} from "./app/app-routing.module";
+import {MatSelectModule} from "@angular/material/select";
+import {MatDatepickerModule} from "@angular/material/datepicker";
+import {ReactiveFormsModule} from "@angular/forms";
+import {CoursesService} from "./app/services/courses.service";
+import {CourseResolver} from "./app/services/course.resolver";
+import {provideAnimations} from "@angular/platform-browser/animations";
+import {provideHttpClient, withInterceptorsFromDi} from "@angular/common/http";
+
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    importProvidersFrom(BrowserModule, MatMenuModule, MatButtonModule, MatIconModule, MatCardModule, MatTabsModule, MatSidenavModule, MatListModule, MatToolbarModule, MatInputModule, MatTableModule, MatPaginatorModule, MatSortModule, MatProgressSpinnerModule, MatDialogModule, AppRoutingModule, MatSelectModule, MatDatepickerModule, ReactiveFormsModule),
+    CoursesService,
+    CourseResolver,
+    provideAnimations(),
+    provideHttpClient(withInterceptorsFromDi())
+  ]
+};

src/main.ts

@@ -26,20 +26,13 @@ import {provideAnimations} from '@angular/platform-browser/animations';
 import {bootstrapApplication, BrowserModule} from '@angular/platform-browser';
 import {CourseResolver} from './app/services/course.resolver';
 import {CoursesService} from './app/services/courses.service';
+import {appConfig} from "./app.config";
 
 if (environment.production) {
   enableProdMode();
 }
 
-document.addEventListener('DOMContentLoaded', () => {
-  bootstrapApplication(AppComponent, {
-    providers: [
-      importProvidersFrom(BrowserModule, MatMenuModule, MatButtonModule, MatIconModule, MatCardModule, MatTabsModule, MatSidenavModule, MatListModule, MatToolbarModule, MatInputModule, MatTableModule, MatPaginatorModule, MatSortModule, MatProgressSpinnerModule, MatDialogModule, AppRoutingModule, MatSelectModule, MatDatepickerModule, ReactiveFormsModule),
-      CoursesService,
-      CourseResolver,
-      provideAnimations(),
-      provideHttpClient(withInterceptorsFromDi())
-    ]
-  })
+
+  bootstrapApplication(AppComponent, appConfig)
     .catch(err => console.error(err));
-});
+