From 4736429adf96735855f1e57121fe74899bf740cf Mon Sep 17 00:00:00 2001
From: Elliott Marquez <5981958+e111077@users.noreply.github.com>
Date: Tue, 1 Apr 2025 13:25:24 -0700
Subject: [PATCH] docs: fix doc typo

fixes #1370
---
 packages/lit-dev-content/site/docs/v2/tools/adding-lit.md | 4 ++--
 packages/lit-dev-content/site/docs/v3/tools/adding-lit.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/lit-dev-content/site/docs/v2/tools/adding-lit.md b/packages/lit-dev-content/site/docs/v2/tools/adding-lit.md
index 6172642ae..7c82bcb10 100644
--- a/packages/lit-dev-content/site/docs/v2/tools/adding-lit.md
+++ b/packages/lit-dev-content/site/docs/v2/tools/adding-lit.md
@@ -64,7 +64,7 @@ How you use a component depends on your project and the libraries or frameworks
 
 ### Plain HTML
 ```html
-<script type="module" src="/lib/components/my-elements.js">
+<script type="module" src="/lib/components/my-element.js">
 <my-element></my-element>
 ```
 
@@ -73,7 +73,7 @@ How you use a component depends on your project and the libraries or frameworks
 JSX is a very common templating language. In JSX, lower-case element names create HTML elements, which is what Lit components are. Use the tag name you specified in the `@customElement()` decorator:
 
 ```tsx
-import './components/my-elements.js';
+import './components/my-element.js';
 
 export const App = () => (
   <h1>My App</h1>
diff --git a/packages/lit-dev-content/site/docs/v3/tools/adding-lit.md b/packages/lit-dev-content/site/docs/v3/tools/adding-lit.md
index b29e690a0..53242c5b5 100644
--- a/packages/lit-dev-content/site/docs/v3/tools/adding-lit.md
+++ b/packages/lit-dev-content/site/docs/v3/tools/adding-lit.md
@@ -64,7 +64,7 @@ How you use a component depends on your project and the libraries or frameworks
 
 ### Plain HTML
 ```html
-<script type="module" src="/lib/components/my-elements.js">
+<script type="module" src="/lib/components/my-element.js">
 <my-element></my-element>
 ```
 
@@ -73,7 +73,7 @@ How you use a component depends on your project and the libraries or frameworks
 JSX is a very common templating language. In JSX, lower-case element names create HTML elements, which is what Lit components are. Use the tag name you specified in the `@customElement()` decorator:
 
 ```tsx
-import './components/my-elements.js';
+import './components/my-element.js';
 
 export const App = () => (
   <h1>My App</h1>