diff --git a/package.json b/package.json index ef4b12b..a8c94f5 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,10 @@ "dependencies": { "@astrojs/vue": "^5.1.3", "astro": "^5.16.6", + "nanostores": "^1.1.0", "vue": "^3.5.26" + }, + "devDependencies": { + "@nanostores/logger": "^1.0.0" } } \ No newline at end of file diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index f5eb420..30cd4c8 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -14,9 +14,16 @@ importers: astro: specifier: ^5.16.6 version: 5.16.6(@types/node@25.0.3)(rollup@4.54.0)(typescript@5.9.3) + nanostores: + specifier: ^1.1.0 + version: 1.1.0 vue: specifier: ^3.5.26 version: 3.5.26(typescript@5.9.3) + devDependencies: + '@nanostores/logger': + specifier: ^1.0.0 + version: 1.0.0(nanostores@1.1.0) packages: @@ -503,6 +510,12 @@ packages: '@jridgewell/trace-mapping@0.3.31': resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==} + '@nanostores/logger@1.0.0': + resolution: {integrity: sha512-QPqkNJWKO9Ya9ne8TeKq8Sv+yZDbgFos5IMCj+mmDxUeUGDqtC7o+YStibECI2B2TnVNF/iuz/Kt3Q64RGJbOQ==} + engines: {node: ^20.0.0 || >=22.0.0} + peerDependencies: + nanostores: ^0.10.0 || ^0.11.0 || ^1.0.0 + '@oslojs/encoding@1.1.0': resolution: {integrity: sha512-70wQhgYmndg4GCPxPPxPGevRKqTIJ2Nh4OkiMWmDAVYsTQ+Ta7Sq+rPevXyXGdzr30/qZBnyOalCszoMxlyldQ==} @@ -1411,6 +1424,10 @@ packages: engines: {node: ^18 || >=20} hasBin: true + nanostores@1.1.0: + resolution: {integrity: sha512-yJBmDJr18xy47dbNVlHcgdPrulSn1nhSE6Ns9vTG+Nx9VPT6iV1MD6aQFp/t52zpf82FhLLTXAXr30NuCnxvwA==} + engines: {node: ^20.0.0 || >=22.0.0} + neotraverse@0.6.18: resolution: {integrity: sha512-Z4SmBUweYa09+o6pG+eASabEpP6QkQ70yHj351pQoEXIs8uHbaU2DWVmzBANKgflPa47A50PtB2+NgRpQvr7vA==} engines: {node: '>= 10'} @@ -2478,6 +2495,10 @@ snapshots: '@jridgewell/resolve-uri': 3.1.2 '@jridgewell/sourcemap-codec': 1.5.5 + '@nanostores/logger@1.0.0(nanostores@1.1.0)': + dependencies: + nanostores: 1.1.0 + '@oslojs/encoding@1.1.0': {} '@polka/url@1.0.0-next.29': {} @@ -3689,6 +3710,8 @@ snapshots: nanoid@5.1.6: {} + nanostores@1.1.0: {} + neotraverse@0.6.18: {} nlcst-to-string@4.0.0: diff --git a/src/components/LoginForm.vue b/src/components/LoginForm.vue new file mode 100644 index 0000000..6ff7359 --- /dev/null +++ b/src/components/LoginForm.vue @@ -0,0 +1,47 @@ + + + + + \ No newline at end of file diff --git a/src/components/Welcome.astro b/src/components/Welcome.astro deleted file mode 100644 index 52e0333..0000000 --- a/src/components/Welcome.astro +++ /dev/null @@ -1,210 +0,0 @@ ---- -import astroLogo from '../assets/astro.svg'; -import background from '../assets/background.svg'; ---- - -
- -
-
- Astro Homepage -

- To get started, open the 
src/pages
 directory in your project. -

- -
-
- - - -

What's New in Astro 5.0?

-

- From content layers to server islands, click to learn more about the new features and - improvements in Astro 5.0 -

- -
- - diff --git a/src/components/users.js b/src/components/users.js new file mode 100644 index 0000000..ceccfeb --- /dev/null +++ b/src/components/users.js @@ -0,0 +1,3 @@ +import { atom } from 'nanostores' + +export const $user = atom(null) \ No newline at end of file diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index e455c61..20f39f2 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -1,3 +1,9 @@ +--- +import '../styles/app.css' + +const {title} = Astro.props +--- + @@ -5,18 +11,10 @@ - Astro Basics + Subtle Storm +

{title}

- - diff --git a/src/pages/index.astro b/src/pages/index.astro index c04f360..987dc59 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,11 +1,8 @@ --- -import Welcome from '../components/Welcome.astro'; import Layout from '../layouts/Layout.astro'; - -// Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build -// Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh. --- - - + + + Login diff --git a/src/pages/login.astro b/src/pages/login.astro new file mode 100644 index 0000000..af0b31c --- /dev/null +++ b/src/pages/login.astro @@ -0,0 +1,17 @@ +--- +import Layout from "../layouts/Layout.astro"; +import LoginForm from '../components/LoginForm.vue'; +--- + + + + + +{import.meta.env.DEV && + +} \ No newline at end of file diff --git a/src/styles/app.css b/src/styles/app.css new file mode 100644 index 0000000..d653994 --- /dev/null +++ b/src/styles/app.css @@ -0,0 +1,14 @@ +@layer reset, base, components; + +@layer reset { + html, body { + margin: 0; + min-height: 100%; + } +} + +@layer base { + body { + font-family: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif; + } +} \ No newline at end of file