Skip to content

Commit 95bfd3d

Browse files
Fix observers section in Lit 2.1 release blog post (lit#933)
* fix observers code example in Lit 2.1 release post * Fix plural form of package name
1 parent de6e81d commit 95bfd3d

File tree

1 file changed

+5
-3
lines changed

1 file changed

+5
-3
lines changed

packages/lit-dev-content/site/blog/2022-01-05-lit-2.1-release.md

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -116,18 +116,20 @@ alternative to the positional argument API.
116116
private _icon!: Array<HTMLElement>;
117117
```
118118

119-
## Easy to use observers with @lit-labs/observer
119+
## Easy to use observers with @lit-labs/observers
120120

121-
In Lit Labs we've introduced a new package called `@lit-labs/observer` which
121+
In Lit Labs we've introduced a new package called `@lit-labs/observers` which
122122
contains reactive controllers that let you easily use the web platform observer
123123
APIs: MutationObserver, IntersectionObserver, ResizeObserver, and
124124
PerformanceObserver. The controllers automatically drive the host element's
125125
update lifecycle when they observe changes.
126126

127127
```ts
128+
import { ResizeController } from '@lit-labs/observers/resize_controller.js';
129+
128130
class MyResizableElement extends LitElement {
129131

130-
_resizeController = new ResizeController(this);
132+
_resizeController = new ResizeController(this, {});
131133

132134
render() {
133135
return html`Current size is ${this.offsetWidth} x ${this.offsetHeight}`;

0 commit comments

Comments
 (0)