From 2664c26d8cb9085b75bebd0c2f4b40b17e661710 Mon Sep 17 00:00:00 2001
From: Sung Hah Hwang <83917784+pr-o@users.noreply.github.com>
Date: Tue, 16 Jul 2024 18:40:24 +0900
Subject: [PATCH 1/3] Update main.tsx

---
 examples/react/fixed/src/main.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/react/fixed/src/main.tsx b/examples/react/fixed/src/main.tsx
index a67ed5bf..8fbf2ea8 100644
--- a/examples/react/fixed/src/main.tsx
+++ b/examples/react/fixed/src/main.tsx
@@ -32,7 +32,7 @@ function App() {
         <p>
           <strong>Notice:</strong> You are currently running React in
           development mode. Rendering performance will be slightly degraded
-          until this application is build for production.
+          until this application is built for production.
         </p>
       ) : null}
     </div>

From ca6dca6e6353db1853220cfc88c3c7fca1f13c93 Mon Sep 17 00:00:00 2001
From: Sung Hah Hwang <83917784+pr-o@users.noreply.github.com>
Date: Tue, 16 Jul 2024 19:23:04 +0900
Subject: [PATCH 2/3] fix minor typos

---
 examples/lit/dynamic/src/main.ts            | 2 +-
 examples/react/dynamic/src/main.tsx         | 4 ++--
 examples/react/infinite-scroll/src/main.tsx | 2 +-
 examples/react/padding/src/main.tsx         | 4 ++--
 examples/react/scroll-padding/src/main.tsx  | 2 +-
 examples/react/smooth-scroll/src/main.tsx   | 2 +-
 examples/react/sticky/src/main.tsx          | 2 +-
 examples/react/table/src/main.tsx           | 4 ++--
 examples/react/variable/src/main.tsx        | 2 +-
 examples/react/window/src/main.tsx          | 2 +-
 examples/svelte/dynamic/src/App.svelte      | 2 +-
 examples/svelte/table/src/App.svelte        | 2 +-
 examples/vue/dynamic/src/App.vue            | 2 +-
 examples/vue/table/src/App.vue              | 2 +-
 14 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/examples/lit/dynamic/src/main.ts b/examples/lit/dynamic/src/main.ts
index 03a0ec2e..7b724311 100644
--- a/examples/lit/dynamic/src/main.ts
+++ b/examples/lit/dynamic/src/main.ts
@@ -313,7 +313,7 @@ export class MyApp extends LitElement {
         <p>
           These components are using <strong>dynamic</strong> sizes. This means
           that each element's exact dimensions are unknown when rendered. An
-          estimated dimension is used to get an a initial measurement, then this
+          estimated dimension is used as the initial measurement, then this
           measurement is readjusted on the fly as each element is rendered.
         </p>
         <nav>
diff --git a/examples/react/dynamic/src/main.tsx b/examples/react/dynamic/src/main.tsx
index 5eb7eda7..a1a29262 100644
--- a/examples/react/dynamic/src/main.tsx
+++ b/examples/react/dynamic/src/main.tsx
@@ -297,7 +297,7 @@ function App() {
       <p>
         These components are using <strong>dynamic</strong> sizes. This means
         that each element's exact dimensions are unknown when rendered. An
-        estimated dimension is used to get an a initial measurement, then this
+        estimated dimension is used as the initial measurement, then this
         measurement is readjusted on the fly as each element is rendered.
       </p>
       <nav>
@@ -337,7 +337,7 @@ function App() {
         <p>
           <strong>Notice:</strong> You are currently running React in
           development mode. Rendering performance will be slightly degraded
-          until this application is build for production.
+          until this application is built for production.
         </p>
       ) : null}
     </div>
diff --git a/examples/react/infinite-scroll/src/main.tsx b/examples/react/infinite-scroll/src/main.tsx
index b1dc4839..205e8aa2 100644
--- a/examples/react/infinite-scroll/src/main.tsx
+++ b/examples/react/infinite-scroll/src/main.tsx
@@ -145,7 +145,7 @@ function App() {
         <p>
           <strong>Notice:</strong> You are currently running React in
           development mode. Rendering performance will be slightly degraded
-          until this application is build for production.
+          until this application is built for production.
         </p>
       ) : null}
     </div>
diff --git a/examples/react/padding/src/main.tsx b/examples/react/padding/src/main.tsx
index 59cf86f6..6aaa2980 100644
--- a/examples/react/padding/src/main.tsx
+++ b/examples/react/padding/src/main.tsx
@@ -19,7 +19,7 @@ function App() {
       <p>
         These components are using <strong>dynamic</strong> sizes. This means
         that each element's exact dimensions are unknown when rendered. An
-        estimated dimension is used to get an a initial measurement, then this
+        estimated dimension is used as the initial measurement, then this
         measurement is readjusted on the fly as each element is rendered.
       </p>
       <br />
@@ -237,7 +237,7 @@ function GridVirtualizerDynamic({ rows, columns }) {
         <p>
           <strong>Notice:</strong> You are currently running React in
           development mode. Rendering performance will be slightly degraded
-          until this application is build for production.
+          until this application is built for production.
         </p>
       ) : null}
     </>
diff --git a/examples/react/scroll-padding/src/main.tsx b/examples/react/scroll-padding/src/main.tsx
index f7429de8..d0988841 100644
--- a/examples/react/scroll-padding/src/main.tsx
+++ b/examples/react/scroll-padding/src/main.tsx
@@ -91,7 +91,7 @@ function App() {
         <p>
           <strong>Notice:</strong> You are currently running React in
           development mode. Rendering performance will be slightly degraded
-          until this application is build for production.
+          until this application is built for production.
         </p>
       ) : null}
     </>
diff --git a/examples/react/smooth-scroll/src/main.tsx b/examples/react/smooth-scroll/src/main.tsx
index d040cf92..c392840f 100644
--- a/examples/react/smooth-scroll/src/main.tsx
+++ b/examples/react/smooth-scroll/src/main.tsx
@@ -111,7 +111,7 @@ function App() {
         <p>
           <strong>Notice:</strong> You are currently running React in
           development mode. Rendering performance will be slightly degraded
-          until this application is build for production.
+          until this application is built for production.
         </p>
       ) : null}
     </div>
diff --git a/examples/react/sticky/src/main.tsx b/examples/react/sticky/src/main.tsx
index 0870a230..c43dd206 100644
--- a/examples/react/sticky/src/main.tsx
+++ b/examples/react/sticky/src/main.tsx
@@ -102,7 +102,7 @@ const App = () => {
         <p>
           <strong>Notice:</strong> You are currently running React in
           development mode. Rendering performance will be slightly degraded
-          until this application is build for production.
+          until this application is built for production.
         </p>
       ) : null}
     </div>
diff --git a/examples/react/table/src/main.tsx b/examples/react/table/src/main.tsx
index 8ed0d807..1d02b88a 100644
--- a/examples/react/table/src/main.tsx
+++ b/examples/react/table/src/main.tsx
@@ -165,7 +165,7 @@ function App() {
       <p>
         For tables, the basis for the offset of the translate css function is
         from the row's initial position itself. Because of this, we need to
-        calculate the translateY pixel count different and base it off the the
+        calculate the translateY pixel count differently and base it off the
         index.
       </p>
       <ReactTableVirtualized />
@@ -175,7 +175,7 @@ function App() {
         <p>
           <strong>Notice:</strong> You are currently running React in
           development mode. Rendering performance will be slightly degraded
-          until this application is build for production.
+          until this application is built for production.
         </p>
       ) : null}
     </div>
diff --git a/examples/react/variable/src/main.tsx b/examples/react/variable/src/main.tsx
index b9e2bb26..bea79eac 100644
--- a/examples/react/variable/src/main.tsx
+++ b/examples/react/variable/src/main.tsx
@@ -47,7 +47,7 @@ function App() {
         <p>
           <strong>Notice:</strong> You are currently running React in
           development mode. Rendering performance will be slightly degraded
-          until this application is build for production.
+          until this application is built for production.
         </p>
       ) : null}
     </div>
diff --git a/examples/react/window/src/main.tsx b/examples/react/window/src/main.tsx
index c201202e..9b29a450 100644
--- a/examples/react/window/src/main.tsx
+++ b/examples/react/window/src/main.tsx
@@ -68,7 +68,7 @@ function App() {
         <p>
           <strong>Notice:</strong> You are currently running React in
           development mode. Rendering performance will be slightly degraded
-          until this application is build for production.
+          until this application is built for production.
         </p>
       ) : null}
     </div>
diff --git a/examples/svelte/dynamic/src/App.svelte b/examples/svelte/dynamic/src/App.svelte
index e46dafc9..174fb9dd 100644
--- a/examples/svelte/dynamic/src/App.svelte
+++ b/examples/svelte/dynamic/src/App.svelte
@@ -11,7 +11,7 @@
   <p>
     These components are using <strong>dynamic</strong> sizes. This means that each
     element's exact dimensions are unknown when rendered. An estimated dimension
-    is used to get an a initial measurement, then this measurement is readjusted
+    is used as the initial measurement, then this measurement is readjusted
     on the fly as each element is rendered.
   </p>
   <nav>
diff --git a/examples/svelte/table/src/App.svelte b/examples/svelte/table/src/App.svelte
index 31eed5c6..427dcea2 100644
--- a/examples/svelte/table/src/App.svelte
+++ b/examples/svelte/table/src/App.svelte
@@ -100,7 +100,7 @@
   <p>
     For tables, the basis for the offset of the translate css function is from
     the row's initial position itself. Because of this, we need to calculate the
-    translateY pixel count different and base it off the the index.
+    translateY pixel count differently and base it off the index.
   </p>
 
   <div class="list scroll-container" bind:this={virtualListEl}>
diff --git a/examples/vue/dynamic/src/App.vue b/examples/vue/dynamic/src/App.vue
index dad875e6..d6d3cc4a 100644
--- a/examples/vue/dynamic/src/App.vue
+++ b/examples/vue/dynamic/src/App.vue
@@ -3,7 +3,7 @@
     <p>
       These components are using <strong>dynamic</strong> sizes. This means that
       each element's exact dimensions are unknown when rendered. An estimated
-      dimension is used to get an a initial measurement, then this measurement
+      dimension is used as the initial measurement, then this measurement
       is readjusted on the fly as each element is rendered.
     </p>
     <nav>
diff --git a/examples/vue/table/src/App.vue b/examples/vue/table/src/App.vue
index 3c70384e..cfaa16d9 100644
--- a/examples/vue/table/src/App.vue
+++ b/examples/vue/table/src/App.vue
@@ -3,7 +3,7 @@
     <p>
       For tables, the basis for the offset of the translate css function is from
       the row's initial position itself. Because of this, we need to calculate
-      the translateY pixel count different and base it off the the index.
+      the translateY pixel count differently and base it off the index.
     </p>
 
     <div ref="parentRef" class="container">

From f0b246edffa1a990f3dfa731227c3630cf82505b Mon Sep 17 00:00:00 2001
From: Sung Hah Hwang <83917784+pr-o@users.noreply.github.com>
Date: Thu, 18 Jul 2024 10:42:39 +0900
Subject: [PATCH 3/3] fix prettier problem

---
 examples/vue/dynamic/src/App.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/examples/vue/dynamic/src/App.vue b/examples/vue/dynamic/src/App.vue
index d6d3cc4a..7aed030d 100644
--- a/examples/vue/dynamic/src/App.vue
+++ b/examples/vue/dynamic/src/App.vue
@@ -3,8 +3,8 @@
     <p>
       These components are using <strong>dynamic</strong> sizes. This means that
       each element's exact dimensions are unknown when rendered. An estimated
-      dimension is used as the initial measurement, then this measurement
-      is readjusted on the fly as each element is rendered.
+      dimension is used as the initial measurement, then this measurement is
+      readjusted on the fly as each element is rendered.
     </p>
     <nav>
       <ul>