NgxSkeletonLoaderModule imported in ChangelogPageComponent

apps/client/src/app/app.module.ts

@@ -20,7 +20,7 @@ import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { ServiceWorkerModule } from '@angular/service-worker';
 import { provideMarkdown } from 'ngx-markdown';
-import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
+import { provideNgxSkeletonLoader } from 'ngx-skeleton-loader';
 import { NgxStripeModule, STRIPE_PUBLISHABLE_KEY } from 'ngx-stripe';
 
 import { environment } from '../environments/environment';
@@ -55,7 +55,6 @@ export function NgxStripeFactory(): string {
     MatNativeDateModule,
     MatSnackBarModule,
     MatTooltipModule,
-    NgxSkeletonLoaderModule,
     NgxStripeModule.forRoot(environment.stripePublicKey),
     ServiceWorkerModule.register('ngsw-worker.js', {
       enabled: environment.production,
@@ -73,6 +72,7 @@ export function NgxStripeFactory(): string {
       deps: [LanguageService, MAT_DATE_LOCALE, Platform]
     },
     provideMarkdown(),
+    provideNgxSkeletonLoader(),
     { provide: MAT_DATE_FORMATS, useValue: DateFormats },
     {
       provide: STRIPE_PUBLISHABLE_KEY,

apps/client/src/app/pages/about/changelog/changelog-page.component.ts

@@ -1,9 +1,10 @@
 import { Component, OnDestroy } from '@angular/core';
 import { MarkdownModule } from 'ngx-markdown';
+import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
 import { Subject } from 'rxjs';
 
 @Component({
-  imports: [MarkdownModule],
+  imports: [MarkdownModule, NgxSkeletonLoaderModule],
   selector: 'gf-changelog-page',
   styleUrls: ['./changelog-page.scss'],
   templateUrl: './changelog-page.html'

package-lock.json

@@ -78,7 +78,7 @@
         "ng-extract-i18n-merge": "2.15.1",
         "ngx-device-detector": "9.0.0",
         "ngx-markdown": "19.0.0",
-        "ngx-skeleton-loader": "11.0.0",
+        "ngx-skeleton-loader": "11.2.1",
         "ngx-stripe": "19.7.0",
         "open-color": "1.9.1",
         "papaparse": "5.3.1",
@@ -26911,9 +26911,9 @@
       }
     },
     "node_modules/ngx-skeleton-loader": {
-      "version": "11.0.0",
+      "version": "11.2.1",
-      "resolved": "https://registry.npmjs.org/ngx-skeleton-loader/-/ngx-skeleton-loader-11.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/ngx-skeleton-loader/-/ngx-skeleton-loader-11.2.1.tgz",
-      "integrity": "sha512-SVWgrePXqIX0ToLf/G0Ce+aE6qXCKl/c+9arV61eiFlrqXXaMlXCkVAYT/wpK+4xgVMHXvQha1mnG9YcKVHQ1A==",
+      "integrity": "sha512-0YWwQgK3X4trtiLvTv3/CMGxcvjPkUbtTTKJJ2EOHhFuvPf0b+XO1KwguK0Ub9BMHnsqK8xOol0cEoVXyNh64Q==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.0.0"

package.json

@@ -124,7 +124,7 @@
     "ng-extract-i18n-merge": "2.15.1",
     "ngx-device-detector": "9.0.0",
     "ngx-markdown": "19.0.0",
-    "ngx-skeleton-loader": "11.0.0",
+    "ngx-skeleton-loader": "11.2.1",
     "ngx-stripe": "19.7.0",
     "open-color": "1.9.1",
     "papaparse": "5.3.1",