prepara update

apps/playground/src/app/app.config.ts

@@ -6,7 +6,6 @@ import {
 } from '@angular/core';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { provideRouter, withInMemoryScrolling } from '@angular/router';
-import { provideStore } from '@ngrx/store';
 
 import { routes } from './app.routes';
 import {
@@ -16,7 +15,7 @@ import {
 } from '@ngx-translate/core';
 import { Observable, of } from 'rxjs';
 
-import { IconRegistryService, deviceConfigsReducer, featureKey } from '@pi/ui';
+import { DeviceConfigsService, IconRegistryService } from '@pi/ui';
 
 /**
  * Diccionario en línea: la librería resuelve los textos con `| translate`, y
@@ -62,12 +61,15 @@ export const appConfig: ApplicationConfig = {
     // Los iconos son SVG registrados en el MatIconRegistry (assets/icons).
     provideAppInitializer(() => inject(IconRegistryService).init()),
 
+    // data-table, carousel y background-image leen el tipo de dispositivo;
+    // instanciarlo arranca el listener de breakpoints.
+    provideAppInitializer(() => {
+      inject(DeviceConfigsService);
+    }),
+
     provideTranslateService({
       fallbackLang: 'es',
       loader: { provide: TranslateLoader, useClass: PlaygroundTranslateLoader },
     }),
-
-    // data-table y background-image leen el tipo de dispositivo del store.
-    provideStore({ [featureKey]: deviceConfigsReducer }),
   ],
 };