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

[ci] yarn format

Browse source
This commit is contained in:
natemoo-re 2021-06-15 16:34:46 +00:00 committed by GitHub Actions
parent 490f2bebbc
commit 266e447e01
2 changed files with 24 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
docs/syntax.md
View file

@ -128,7 +128,7 @@ Inside of an expression, you must wrap multiple elements in a Fragment. Fragment
```jsx
<div>
{[0, 1, 2].map(id => (
{[0, 1, 2].map((id) => (
<>
<div id={`a-${id}`} />
<div id={`b-${id}`} />
@ -143,7 +143,7 @@ Inside of an expression, you must wrap multiple elements in a Fragment. Fragment
`.astro` files can end up looking very similar to `.jsx` files, but there are a few key differences. Here's a comparison between the two formats.
| Feature | Astro | JSX |
| ---------------------------- | -------------------------------------------- | -------------------------------------------------- |
| ---------------------------- | ------------------------------------------ | -------------------------------------------------- |
| File extension | `.astro` | `.jsx` or `.tsx` |
| User-Defined Components | `<Capitalized>` | `<Capitalized>` |
| Expression Syntax | `{}` | `{}` |
@ -159,7 +159,6 @@ Inside of an expression, you must wrap multiple elements in a Fragment. Fragment
| Special Characters | `&nbsp;` | `{'\xa0'}` or `{String.fromCharCode(160)}` |
| Attributes | `dash-case` | `camelCase` |
### TODO: Composition (Slots)
[code-ext]: https://marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode

2
packages/astro/test/astro-expr.test.js
View file

@ -67,7 +67,7 @@ Expressions('Allows <> Fragments in expressions', async ({ runtime }) => {
assert.equal($('#fragment').children('#a').length, 1);
assert.equal($('#fragment').children('#b').length, 1);
assert.equal($('#fragment').children('#c').length, 1);
})
});
Expressions('Does not render falsy values using &&', async ({ runtime }) => {
const result = await runtime.load('/falsy');