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

2
package.json
View file

@ -13,6 +13,6 @@
"dependencies": { "dependencies": {
"astro": "^1.2.6", "astro": "^1.2.6",
"astro-github-stats": "^0.1.4", "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 Back from "../../components/Back.astro";
import GithubStats from "astro-github-stats"; import GithubStats from "astro-github-stats";
--- ---
<Layout>
<Layout title="Ayo Ayco | Showcase | Astro Github Stats">
<main> <main>
<Back url="/showcase" /> <Back url="/showcase" />
<h1>Astro GitHub Stats ✨</h1> <h1>Astro GitHub Stats ✨</h1>
@ -12,10 +13,14 @@ import GithubStats from "astro-github-stats";
<h2>Links</h2> <h2>Links</h2>
<ol> <ol>
<li> <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>
<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> </li>
</ol> </ol>
<Footer /> <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"; import Form, { FormGroup } from "astro-reactive-form";
const form = new FormGroup([ const form = new FormGroup([
{ {
name: 'first-name', name: "first-name",
value: 'Ayo', value: "Ayo",
label: 'First Name' label: "First Name",
}, },
{ {
name: 'last-name', name: "last-name",
value: 'Ayco', value: "Ayco",
label: 'Last Name' 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> <main>
<Back url="/showcase" /> <Back url="/showcase" />
<h1>Astro Reactive Form 🔥</h1> <h1>Astro Reactive Form 🔥</h1>
@ -26,10 +41,14 @@ const form = new FormGroup([
<h2>Links</h2> <h2>Links</h2>
<ol> <ol>
<li> <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>
<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> </li>
</ol> </ol>
<Footer /> <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"; import Back from "../../components/Back.astro";
--- ---
<Layout> <Layout title="Ayo Ayco | Showcase">
<main> <main>
<Back url="/" /> <Back url="/" />
<h1>Showcase <span class="text-gradient">Components</span></h1> <h1>Showcase <span class="text-gradient">Components</span></h1>
<ul list=role> <ul role="list">
<Card <Card
href="/showcase/astro-reactive-form" href="/showcase/astro-reactive-form"
title="Astro Reactive Form" title="Astro Reactive Form"