chore(astro): update polymorphic element name for clarity

clerk · Jul 3, 2024 · dc34eb8 · dc34eb8
1 parent b1f1b2d
commit dc34eb8
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/packages/astro/src/astro-components/unstyled/SignInButton.astro b/packages/astro/src/astro-components/unstyled/SignInButton.astro
@@ -7,12 +7,12 @@ import { customAlphabet, urlAlphabet } from "nanoid";
 
 const safeId = customAlphabet(urlAlphabet, 10)();
 
-const { as: Element = 'button', id = safeId, ...props } = Astro.props
+const { as: Tag = 'button', id = safeId, ...props } = Astro.props
 ---
 
-<Element id={id}>
+<Tag id={id}>
   <slot />
-</Element >
+</Tag >
 
 <script is:inline define:vars={{ props, safeId }}>
   const btn = document.querySelector(`#${safeId}`);

diff --git a/packages/astro/src/astro-components/unstyled/SignOutButton.astro b/packages/astro/src/astro-components/unstyled/SignOutButton.astro
@@ -6,12 +6,12 @@ import { customAlphabet, urlAlphabet } from "nanoid";
 
 const safeId = customAlphabet(urlAlphabet, 10)();
 
-const { as: Element = 'button', id = safeId, ...props } = Astro.props
+const { as: Tag = 'button', id = safeId, ...props } = Astro.props
 ---
 
-<Element id={id}>
+<Tag id={id}>
   <slot />
-</Element >
+</Tag >
 
 <script is:inline define:vars={{ props, safeId }}>
   const btn = document.querySelector(`#${safeId}`);

diff --git a/packages/astro/src/astro-components/unstyled/SignUpButton.astro b/packages/astro/src/astro-components/unstyled/SignUpButton.astro
@@ -7,12 +7,12 @@ import { customAlphabet, urlAlphabet } from "nanoid";
 
 const safeId = customAlphabet(urlAlphabet, 10)();
 
-const { as: Element = 'button', id = safeId, ...props } = Astro.props
+const { as: Tag = 'button', id = safeId, ...props } = Astro.props
 ---
 
-<Element id={id}>
+<Tag id={id}>
   <slot />
-</Element >
+</Tag >
 
 <script is:inline define:vars={{ props, safeId }}>
   const btn = document.querySelector(`#${safeId}`);