diff options
| author |  Nate Moore <natemoo-re@users.noreply.github.com>
| 2021-06-24 17:48:24 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-06-24 17:48:24 -0500 |
| commit | a136c85e6b2b0445e48184595b2696994621c8f1 (patch) | |
| tree | 4d06743cf5b0e3f8f5dabcd1c8ae9e8b9b4557b2 /examples/snowpack/src | |
| parent | bc9e0f180ccec7d48fde49c857188543e007bf14 (diff) | |
| download | astro-a136c85e6b2b0445e48184595b2696994621c8f1.tar.gz astro-a136c85e6b2b0445e48184595b2696994621c8f1.tar.zst astro-a136c85e6b2b0445e48184595b2696994621c8f1.zip | |
New Props API (#515)
* wip: update props api
* feat(#139, #309): enable new props api
* chore: migrate examples to new props API
* docs: update syntax guide for new props API
* chore: update examples to new props API
* chore: update docs to new Props API
* fix: hide __astroInternal from `Astro.props` consumers
* chore: remove scratchpad file
* chore: fix script error
* test: fix failing collection tests
* fix: set __astroInternal to `enumerable: false`
* chore: add changeset
* feat: warn users using old props api
Diffstat (limited to 'examples/snowpack/src')
| -rw-r--r-- | examples/snowpack/src/components/BaseHead.astro | 9 | ||||
| -rw-r--r-- | examples/snowpack/src/components/Button.astro | 2 | ||||
| -rw-r--r-- | examples/snowpack/src/components/Nav.astro | 5 | ||||
| -rw-r--r-- | examples/snowpack/src/components/PokemonLookup.astro | 5 | ||||
| -rw-r--r-- | examples/snowpack/src/components/Subnav.astro | 9 | ||||
| -rw-r--r-- | examples/snowpack/src/layouts/content-with-cover.astro | 2 | ||||
| -rw-r--r-- | examples/snowpack/src/layouts/content.astro | 2 | ||||
| -rw-r--r-- | examples/snowpack/src/layouts/post.astro | 2 |
8 files changed, 24 insertions, 12 deletions
diff --git a/examples/snowpack/src/components/BaseHead.astro b/examples/snowpack/src/components/BaseHead.astro index b74c0fa25..f83992662 100644 --- a/examples/snowpack/src/components/BaseHead.astro +++ b/examples/snowpack/src/components/BaseHead.astro @@ -2,9 +2,12 @@ import Banner from './Banner.astro'; import Nav from './Nav.astro'; -export let title: string; -export let description: string; -export let permalink: string; +export interface Props { + title: string; + description: string; + permalink: string; +} +const { title, description, permalink } = Astro.props as Props; --- <meta charset="utf-8" /> diff --git a/examples/snowpack/src/components/Button.astro b/examples/snowpack/src/components/Button.astro index 00e14f01b..15b722893 100644 --- a/examples/snowpack/src/components/Button.astro +++ b/examples/snowpack/src/components/Button.astro @@ -1,5 +1,5 @@ --- -export let style; +const { style } = Astro.props; --- <style lang="scss"> diff --git a/examples/snowpack/src/components/Nav.astro b/examples/snowpack/src/components/Nav.astro index 5305eaa78..243566d31 100644 --- a/examples/snowpack/src/components/Nav.astro +++ b/examples/snowpack/src/components/Nav.astro @@ -1,5 +1,8 @@ --- -export let version: string = '3.1.2'; +export interface Props { + version: string; +} +const { version = '3.1.2' } = Astro.props as Props; --- <style lang="scss"> diff --git a/examples/snowpack/src/components/PokemonLookup.astro b/examples/snowpack/src/components/PokemonLookup.astro index b3866791e..deac184dd 100644 --- a/examples/snowpack/src/components/PokemonLookup.astro +++ b/examples/snowpack/src/components/PokemonLookup.astro @@ -1,5 +1,8 @@ --- -export let number: number; +export interface Props { + number: number; +} +const { number } = Astro.props; const pokemonDataReq = await fetch(`https://pokeapi.co/api/v2/pokemon/${number}`); const pokemonData = await pokemonDataReq.json(); diff --git a/examples/snowpack/src/components/Subnav.astro b/examples/snowpack/src/components/Subnav.astro index 1709235dc..39ccebdef 100644 --- a/examples/snowpack/src/components/Subnav.astro +++ b/examples/snowpack/src/components/Subnav.astro @@ -1,7 +1,10 @@ --- -export let title: string; -export let inputPath: string; -export let headers: string; +export interface Props { + title: string; + inputPath: string; + headers: string; +} +const { title, inputPath, headers } = Astro.props; --- <style lang="scss"> diff --git a/examples/snowpack/src/layouts/content-with-cover.astro b/examples/snowpack/src/layouts/content-with-cover.astro index 91cf9df39..ea2ecaf0e 100644 --- a/examples/snowpack/src/layouts/content-with-cover.astro +++ b/examples/snowpack/src/layouts/content-with-cover.astro @@ -4,7 +4,7 @@ import Menu from '../components/Menu.astro'; import BaseHead from '../components/BaseHead.astro'; import BaseLayout from '../components/BaseLayout.astro'; -export let content: any; +const { content } = Astro.props; --- <!doctype html> diff --git a/examples/snowpack/src/layouts/content.astro b/examples/snowpack/src/layouts/content.astro index 8ab619ba5..6c728db9d 100644 --- a/examples/snowpack/src/layouts/content.astro +++ b/examples/snowpack/src/layouts/content.astro @@ -4,7 +4,7 @@ import Menu from '../components/Menu.astro'; import BaseHead from '../components/BaseHead.astro'; import BaseLayout from '../components/BaseLayout.astro'; -export let content: any; +const { content } = Astro.props; --- <!doctype html> diff --git a/examples/snowpack/src/layouts/post.astro b/examples/snowpack/src/layouts/post.astro index 20dd4a287..7b0b614fe 100644 --- a/examples/snowpack/src/layouts/post.astro +++ b/examples/snowpack/src/layouts/post.astro @@ -3,7 +3,7 @@ import BaseHead from '../components/BaseHead.astro'; import BaseLayout from '../components/BaseLayout.astro'; import { format as formatDate, parseISO } from 'date-fns'; -export let content: any; +const { content } = Astro.props; --- <!doctype html> |