analytics

package.json

@@ -24,6 +24,7 @@
     "@ng-icons/radix-icons": "^26.3.0",
     "@ngneat/hot-toast": "^6.1.0",
     "@ngneat/overview": "^5.1.1",
+    "@vercel/analytics": "^1.2.2",
     "file-saver": "^2.0.5",
     "ngx-clipboard": "^16.0.0",
     "ngx-colors": "^3.5.3",

src/app/app.component.ts

@@ -1,20 +1,28 @@
-import { Component, inject } from '@angular/core';
+import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 import { HeaderComponent } from './components/header/header.component';
 import { FooterComponent } from './components/footer/footer.component';
 import { LoaderComponent } from './components/loader/loader.component';
 import { LoaderService } from './services/loader.service';
 import { CommonModule } from '@angular/common';
+import { inject } from '@vercel/analytics';
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [RouterOutlet, HeaderComponent, FooterComponent, LoaderComponent, CommonModule],
+  imports: [
+    RouterOutlet,
+    HeaderComponent,
+    FooterComponent,
+    LoaderComponent,
+    CommonModule,
+  ],
   templateUrl: './app.component.html',
   styleUrl: './app.component.scss',
 })
 export class AppComponent {
-  private loaderService = inject(LoaderService);
+  constructor(private loaderService: LoaderService) {}
+  // private loaderService = inject(LoaderService);
 
   loaderSignal = this.loaderService.loaderSignal;
 }