michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Remove "as Props" from the astro examples (#4494)

Browse source
This commit is contained in:
Mohammed Elhaouari 2022-08-26 15:16:17 +01:00 committed by GitHub
parent b3db2c3c4b
commit 5fbb359afb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
examples/basics/src/components/Card.astro
View file

@ -5,7 +5,7 @@ export interface Props {
href: string; href: string;
} }
const { href, title, body } = Astro.props as Props; const { href, title, body } = Astro.props;
--- ---
<li class="link-card"> <li class="link-card">

2
examples/basics/src/layouts/Layout.astro
View file

@ -3,7 +3,7 @@ export interface Props {
title: string; title: string;
} }
const { title } = Astro.props as Props; const { title } = Astro.props;
--- ---
<!DOCTYPE html> <!DOCTYPE html>

2
examples/blog/src/components/HeaderLink.astro
View file

@ -1,7 +1,7 @@
--- ---
export interface Props extends astroHTML.JSX.AnchorHTMLAttributes {} export interface Props extends astroHTML.JSX.AnchorHTMLAttributes {}
const { href, class: className, ...props } = Astro.props as Props; const { href, class: className, ...props } = Astro.props;
const isActive = href === Astro.url.pathname; const isActive = href === Astro.url.pathname;
--- ---

2
examples/blog/src/layouts/BlogPost.astro
View file

@ -15,7 +15,7 @@ export interface Props {
const { const {
content: { title, description, pubDate, updatedDate, heroImage }, content: { title, description, pubDate, updatedDate, heroImage },
} = Astro.props as Props; } = Astro.props;
--- ---
<html> <html>

2
examples/component/packages/my-component/Button.astro
View file

@ -5,7 +5,7 @@ export interface Props extends Record<any, any> {
const { type, ...props } = { const { type, ...props } = {
...Astro.props, ...Astro.props,
} as Props; };
props.type = type || 'button'; props.type = type || 'button';
--- ---

2
examples/component/packages/my-component/Heading.astro
View file

@ -6,7 +6,7 @@ export interface Props extends Record<any, any> {
const { level, role, ...props } = { const { level, role, ...props } = {
...Astro.props, ...Astro.props,
} as Props; };
props.role = role || 'heading'; props.role = role || 'heading';
props['aria-level'] = level || '1'; props['aria-level'] = level || '1';

2
examples/framework-alpine/src/components/Counter.astro
View file

@ -6,7 +6,7 @@ export interface Props {
initialCount?: number; initialCount?: number;
} }
const { initialCount = 0 } = Astro.props as Props; const { initialCount = 0 } = Astro.props;
--- ---
<div class="counter" x-data={`{ count: ${initialCount} }`}> <div class="counter" x-data={`{ count: ${initialCount} }`}>

2
examples/with-nanostores/src/layouts/Layout.astro
View file

@ -6,7 +6,7 @@ export interface Props {
title: string; title: string;
} }
const { title } = Astro.props as Props; const { title } = Astro.props;
--- ---
<!DOCTYPE html> <!DOCTYPE html>