docs: use injectBreakpoints in examples

tutkli · Jan 20, 2025 · fced080 · fced080
1 parent e4b7533
commit fced080
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/README.md b/README.md
@@ -15,12 +15,12 @@ npm install ngx-breakpoint-observer
 ```ts
 import {
   breakpointsTailwind,
-  observeBreakpoints,
+  injectBreakpoints,
 } from 'ngx-breakpoint-observer';
 
 @Component({})
 export class AppComponent {
-  breakpoints = observeBreakpoints(breakpointsTailwind);
+  breakpoints = injectBreakpoints(breakpointsTailwind);
 
   reactiveStuff = signal<keyof typeof breakpointsTailwind>('sm');
   isGreaterThanSignal = this.breakpoints.greaterOrEqual(this.reactiveStuff); // use signal without calling it!
@@ -33,11 +33,11 @@ export class AppComponent {
 ```
 
 ```ts
-import { observeBreakpoints } from 'ngx-breakpoint-observer';
+import { injectBreakpoints } from 'ngx-breakpoint-observer';
 
 @Component({})
 export class AppComponent {
-  breakpoints = observeBreakpoints({
+  breakpoints = injectBreakpoints({
     mobile: 0, // optional
     tablet: 640,
     laptop: 1024,

diff --git a/apps/demo/src/app/components/usage.ts b/apps/demo/src/app/components/usage.ts
@@ -14,12 +14,12 @@ import { CodeBlock } from './code-block';
 export class Usage {
   usage1 = `import {
   breakpointsTailwind,
-  observeBreakpoints,
+  injectBreakpoints,
 } from 'ngx-breakpoint-observer';
 
 @Component({})
 export class AppComponent {
-  breakpoints = observeBreakpoints(breakpointsTailwind);
+  breakpoints = injectBreakpoints(breakpointsTailwind);
 
   reactiveStuff = signal<keyof typeof breakpointsTailwind>('sm');
   isGreaterThanSignal = this.breakpoints.greaterOrEqual(this.reactiveStuff); // use signal without calling it!
@@ -30,11 +30,11 @@ export class AppComponent {
   smallerThanLg = this.breakpoints.smaller('lg'); // only smaller than lg
 }`;
 
-  usage2 = `import { observeBreakpoints } from 'ngx-breakpoint-observer';
+  usage2 = `import { injectBreakpoints } from 'ngx-breakpoint-observer';
 
 @Component({})
 export class AppComponent {
-  breakpoints = observeBreakpoints({
+  breakpoints = injectBreakpoints({
     mobile: 0, // optional
     tablet: 640,
     laptop: 1024,