ayo/ayco.io-astro
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

udpate deps, update showcase, fix props

Browse source
This commit is contained in:
Ayo 2022-09-26 11:27:26 +02:00
parent a2d4c8a2d6
commit 0bbeb98dfd
5 changed files with 51 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
package-lock.json generated
View file

@ -10,7 +10,7 @@
"dependencies": {
"astro": "^1.2.6",
"astro-github-stats": "^0.1.4",
"astro-reactive-form": "^0.0.2"
"astro-reactive-form": "^0.0.7"
}
},
"node_modules/@ampproject/remapping": {
@ -998,9 +998,9 @@
}
},
"node_modules/astro-reactive-form": {
"version": "0.0.2",
"resolved": "https://registry.npmjs.org/astro-reactive-form/-/astro-reactive-form-0.0.2.tgz",
"integrity": "sha512-9ozKnnDWzLboqBazp/PYGos2tObSCC/uIPioXgZXFaECUTGp1sC7I7ajqD4Pxxkctm0y/xTE6Sy/PW7JeApBzg==",
"version": "0.0.7",
"resolved": "https://registry.npmjs.org/astro-reactive-form/-/astro-reactive-form-0.0.7.tgz",
"integrity": "sha512-mCeentQ4swmruXc+Ph3bBSq0vSl8d7pJviC7Vtmr22xqQKp0seUGTLyiLeeZjisX1OENeoOGv0Ca/8FwCv6xWA==",
"peerDependencies": {
"astro": "^1.0.0"
}
@ -6593,9 +6593,9 @@
"requires": {}
},
"astro-reactive-form": {
"version": "0.0.2",
"resolved": "https://registry.npmjs.org/astro-reactive-form/-/astro-reactive-form-0.0.2.tgz",
"integrity": "sha512-9ozKnnDWzLboqBazp/PYGos2tObSCC/uIPioXgZXFaECUTGp1sC7I7ajqD4Pxxkctm0y/xTE6Sy/PW7JeApBzg==",
"version": "0.0.7",
"resolved": "https://registry.npmjs.org/astro-reactive-form/-/astro-reactive-form-0.0.7.tgz",
"integrity": "sha512-mCeentQ4swmruXc+Ph3bBSq0vSl8d7pJviC7Vtmr22xqQKp0seUGTLyiLeeZjisX1OENeoOGv0Ca/8FwCv6xWA==",
"requires": {}
},
"bail": {

2
package.json
View file

@ -13,6 +13,6 @@
"dependencies": {
"astro": "^1.2.6",
"astro-github-stats": "^0.1.4",
"astro-reactive-form": "^0.0.2"
"astro-reactive-form": "^0.0.7"
}
}

11
src/pages/showcase/astro-github-stats.astro
View file

@ -4,7 +4,8 @@ import Footer from "../../components/Footer.astro";
import Back from "../../components/Back.astro";
import GithubStats from "astro-github-stats";
---
<Layout>
<Layout title="Ayo Ayco | Showcase | Astro Github Stats">
<main>
<Back url="/showcase" />
<h1>Astro GitHub Stats ✨</h1>
@ -12,10 +13,14 @@ import GithubStats from "astro-github-stats";
<h2>Links</h2>
<ol>
<li>
GitHub repo: <a href="https://github.com/ayoayco/astro-github-stats">astro-github-stats</a>
GitHub repo: <a href="https://github.com/ayoayco/astro-github-stats"
>astro-github-stats</a
>
</li>
<li>
NPM registry: <a href="https://npmjs.org/astro-github-stats">astro-github-stats</a>
NPM registry: <a href="https://npmjs.org/astro-github-stats"
>astro-github-stats</a
>
</li>
</ol>
<Footer />

39
src/pages/showcase/astro-reactive-form.astro
View file

@ -5,18 +5,33 @@ import Back from "../../components/Back.astro";
import Form, { FormGroup } from "astro-reactive-form";
const form = new FormGroup([
{
name: 'first-name',
value: 'Ayo',
label: 'First Name'
name: "first-name",
value: "Ayo",
label: "First Name",
},
{
name: 'last-name',
value: 'Ayco',
label: 'Last Name'
name: "last-name",
value: "Ayco",
label: "Last Name",
},
])
{
name: "is-awesome",
type: "checkbox",
value: "checked",
label: "Is Awesome?",
labelPosition: "right",
},
{
name: "is-good-looking",
type: "radio",
value: "checked",
label: "Is Good-Looking?",
labelPosition: "right",
},
]);
---
<Layout>
<Layout title="Ayo Ayco | Showcase | Astro Reactive Form">
<main>
<Back url="/showcase" />
<h1>Astro Reactive Form 🔥</h1>
@ -26,10 +41,14 @@ const form = new FormGroup([
<h2>Links</h2>
<ol>
<li>
GitHub repo: <a href="https://github.com/ayoayco/astro-reactive-form">astro-reactive-form</a>
GitHub repo: <a href="https://github.com/ayoayco/astro-reactive-form"
>astro-reactive-form</a
>
</li>
<li>
NPM registry: <a href="https://npmjs.org/astro-reactive-form">astro-reactive-form</a>
NPM registry: <a href="https://npmjs.org/astro-reactive-form"
>astro-reactive-form</a
>
</li>
</ol>
<Footer />

4
src/pages/showcase/index.astro
View file

@ -5,11 +5,11 @@ import Card from "../../components/Card.astro";
import Back from "../../components/Back.astro";
---
<Layout>
<Layout title="Ayo Ayco | Showcase">
<main>
<Back url="/" />
<h1>Showcase <span class="text-gradient">Components</span></h1>
<ul list=role>
<ul role="list">
<Card
href="/showcase/astro-reactive-form"
title="Astro Reactive Form"