lit · rictic · Jan 13, 2022 · Jan 13, 2022 · Jan 13, 2022 · Jan 13, 2022
@@ -0,0 +1,9 @@
+---
+'lit-benchmarks': patch
+'@lit-labs/motion': patch
+'@lit-labs/observers': patch
+'@lit/localize': patch
+'@lit/localize-tools': patch
+---
+
+Trivial: reformat markdown files
@@ -1,9 +1,8 @@
 # lit-benchmarks
 
 ## 1.0.1
-### Patch Changes
-
 
+### Patch Changes
 
 - [#2299](https://github.com/lit/lit/pull/2299) [`4d522d82`](https://github.com/lit/lit/commit/4d522d82d393edd6da4edfad9154a57eaa3e708f) - Update chromedriver
 

@@ -14,8 +14,8 @@ $ npm install @lit-labs/motion
 
 The `animate` directive can be used to animate DOM elements from one lit render
 to the next. If the `animate` element changes state between renders, the directive
-performs a "tweening" animation between the two states based on the options given. 
-In addition, elements can animate when they initially render to DOM and when they 
+performs a "tweening" animation between the two states based on the options given.
+In addition, elements can animate when they initially render to DOM and when they
 are removed.
 
 The directive supports a number of options:
@@ -37,11 +37,11 @@ The directive supports a number of options:
 
 ### How it works
 
-The directive uses the FLIP animation technique--derived from First, Last, Invert, 
-Play. This describes how the directive works. It measures the styling of the `animate` 
-element before a layout change (first) and after a layout change (last). Then it 
-inverts the last layout such that it matches the first layout. Finally it plays an 
-animation which removes the inverted layout such that the element animates to the 
+The directive uses the FLIP animation technique--derived from First, Last, Invert,
+Play. This describes how the directive works. It measures the styling of the `animate`
+element before a layout change (first) and after a layout change (last). Then it
+inverts the last layout such that it matches the first layout. Finally it plays an
+animation which removes the inverted layout such that the element animates to the
 "last" layout. See the [FLIP article by Paul Lewis](https://aerotwist.com/blog/flip-your-animations/)
 for more information about the technique.
 

@@ -1,13 +1,11 @@
 # @lit-labs/observers
 
 ## 1.0.0
-### Major Changes
-
 
+### Major Changes
 
 - [#2340](https://github.com/lit/lit/pull/2340) [`e1c88265`](https://github.com/lit/lit/commit/e1c8826533d89b99b6c9e2192428337c496d6dd0) - A set of reactive controllers that facilitate using the platform observer objects, including MutationObserver, ResizeObserver, IntersectionObserver, and PerformanceObserver.
 
-
 ### Patch Changes
 
 - Updated dependencies [[`08e7fc56`](https://github.com/lit/lit/commit/08e7fc566894d1916dc768c0843fce962ca4d6d4), [`eb5c5d2b`](https://github.com/lit/lit/commit/eb5c5d2b2159dcd8b2321fa9a221b8d56d127a11), [`49ecf623`](https://github.com/lit/lit/commit/49ecf6239033e9578184d46116e6b89676d091db), [`26e3fb7b`](https://github.com/lit/lit/commit/26e3fb7ba1d3ef778a9862ff73374802b4b4eb2e)]:

@@ -159,19 +159,11 @@ Before:
 class HomePage {
   hello() {
     // msgdesc: Greeting to Earth
-    return msg(
-      html`
-        Hello World
-      `
-    );
+    return msg(html`Hello World`);
   }
   goodbye() {
     // msgdesc: Farewell to Earth
-    return msg(
-      html`
-        Goodbye World
-      `
-    );
+    return msg(html`Goodbye World`);
   }
 }
 ```
@@ -181,24 +173,14 @@ After:
 ```js
 class HomePage {
   hello() {
-    return msg(
-      html`
-        Hello World
-      `,
-      {
-        desc: 'Home page / Greeting to Earth'
-      }
-    );
+    return msg(html`Hello World`, {
+      desc: 'Home page / Greeting to Earth',
+    });
   }
   goodbye() {
-    return msg(
-      html`
-        Goodbye World
-      `,
-      {
-        desc: 'Home page / Farewell to Earth'
-      }
-    );
+    return msg(html`Goodbye World`, {
+      desc: 'Home page / Farewell to Earth',
+    });
   }
 }
 ```

@@ -131,19 +131,11 @@ Before:
 class HomePage {
   hello() {
     // msgdesc: Greeting to Earth
-    return msg(
-      html`
-        Hello World
-      `
-    );
+    return msg(html`Hello World`);
   }
   goodbye() {
     // msgdesc: Farewell to Earth
-    return msg(
-      html`
-        Goodbye World
-      `
-    );
+    return msg(html`Goodbye World`);
   }
 }
 ```
@@ -153,24 +145,14 @@ After:
 ```js
 class HomePage {
   hello() {
-    return msg(
-      html`
-        Hello World
-      `,
-      {
-        desc: 'Home page / Greeting to Earth'
-      }
-    );
+    return msg(html`Hello World`, {
+      desc: 'Home page / Greeting to Earth',
+    });
   }
   goodbye() {
-    return msg(
-      html`
-        Goodbye World
-      `,
-      {
-        desc: 'Home page / Farewell to Earth'
-      }
-    );
+    return msg(html`Goodbye World`, {
+      desc: 'Home page / Farewell to Earth',
+    });
   }
 }
 ```
@@ -192,23 +174,13 @@ class HomePage {
   Before:
 
   ```ts
-  msg(
-    name =>
-      html`
-        Hello <b>${name}</b>!
-      `,
-    {args: [getUsername()]}
-  );
+  msg((name) => html`Hello <b>${name}</b>!`, {args: [getUsername()]});
   ```
 
   After:
 
   ```ts
-  msg(
-    html`
-      Hello <b>${getUsername()}</b>!
-    `
-  );
+  msg(html`Hello <b>${getUsername()}</b>!`);
   ```
 
   Plain strings containing expressions must now be tagged with the new `str`
@@ -371,9 +343,7 @@ class HomePage {
   msg(
     'hello',
     (url: string, name: string) =>
-      html`
-        Hello ${name}, click <a href="${url}">here</a>!
-      `,
+      html`Hello ${name}, click <a href="${url}">here</a>!`,
     'World',
     'https://www.example.com/'
   );