diff options
author | 2021-07-20 04:07:49 +0000 | |
---|---|---|
committer | 2021-07-20 04:07:49 +0000 | |
commit | 50f82e1a53ec5329990ee66fe62adba3fcbcb9e6 (patch) | |
tree | bee01a458fe44e48a396abcd51f912f09d295f55 /examples/with-nanostores | |
parent | 07e533402e234d31b7cf9741bf2d08c32eda88c0 (diff) | |
download | astro-50f82e1a53ec5329990ee66fe62adba3fcbcb9e6.tar.gz astro-50f82e1a53ec5329990ee66fe62adba3fcbcb9e6.tar.zst astro-50f82e1a53ec5329990ee66fe62adba3fcbcb9e6.zip |
[ci] yarn format
Diffstat (limited to 'examples/with-nanostores')
-rw-r--r-- | examples/with-nanostores/astro.config.mjs | 9 | ||||
-rw-r--r-- | examples/with-nanostores/public/style/home.css | 33 | ||||
-rw-r--r-- | examples/with-nanostores/src/components/AdminsVue.vue | 24 |
3 files changed, 31 insertions, 35 deletions
diff --git a/examples/with-nanostores/astro.config.mjs b/examples/with-nanostores/astro.config.mjs index ce0e15031..05b7f0961 100644 --- a/examples/with-nanostores/astro.config.mjs +++ b/examples/with-nanostores/astro.config.mjs @@ -9,12 +9,7 @@ export default { }, devOptions: { // port: 3000, // The port to run the dev server on. - tailwindConfig: './tailwind.config.js', // Path to tailwind.config.js if used, e.g. './tailwind.config.js' + tailwindConfig: './tailwind.config.js', // Path to tailwind.config.js if used, e.g. './tailwind.config.js' }, - renderers: [ - '@astrojs/renderer-preact', - '@astrojs/renderer-react', - '@astrojs/renderer-svelte', - '@astrojs/renderer-vue', - ] + renderers: ['@astrojs/renderer-preact', '@astrojs/renderer-react', '@astrojs/renderer-svelte', '@astrojs/renderer-vue'], }; diff --git a/examples/with-nanostores/public/style/home.css b/examples/with-nanostores/public/style/home.css index c4271a845..280398c17 100644 --- a/examples/with-nanostores/public/style/home.css +++ b/examples/with-nanostores/public/style/home.css @@ -1,38 +1,39 @@ :root { - --font-mono: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; - --color-light: #F3F4F6; + --font-mono: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', + 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; + --color-light: #f3f4f6; } @media (prefers-color-scheme: dark) { - :root { - --color-light: #1F2937; - } + :root { + --color-light: #1f2937; + } } a { - color: inherit; + color: inherit; } header > div { - font-size: clamp(2rem, -0.4742rem + 6.1856vw, 2.75rem); + font-size: clamp(2rem, -0.4742rem + 6.1856vw, 2.75rem); } header > div { - display: flex; - flex-direction: column; - align-items: center; + display: flex; + flex-direction: column; + align-items: center; } header h1 { - font-size: 1em; - font-weight: 500; + font-size: 1em; + font-weight: 500; } header img { - width: 2em; - height: 2.667em; + width: 2em; + height: 2.667em; } h2 { - font-weight: 500; - font-size: clamp(1.5rem, 1rem + 1.25vw, 2rem); + font-weight: 500; + font-size: clamp(1.5rem, 1rem + 1.25vw, 2rem); } diff --git a/examples/with-nanostores/src/components/AdminsVue.vue b/examples/with-nanostores/src/components/AdminsVue.vue index 68dcd2065..1846c4d21 100644 --- a/examples/with-nanostores/src/components/AdminsVue.vue +++ b/examples/with-nanostores/src/components/AdminsVue.vue @@ -2,12 +2,12 @@ <h1>Vue</h1> <ul> <li v-for="user in list" :key="user.name"> - {{JSON.stringify(user, null, 2)}} + {{ JSON.stringify(user, null, 2) }} </li> </ul> <div> <h3>Counter</h3> - <p>{{count}}</p> + <p>{{ count }}</p> <button @click="decreaseCounter">-1</button> <button @click="increaseCounter">+1</button> </div> @@ -15,16 +15,16 @@ </template> <script> - import { useStore } from 'nanostores/vue' +import { useStore } from 'nanostores/vue'; - import { admins } from '../store/admins.js' - import { counter, increaseCounter, decreaseCounter } from '../store/counter.js' +import { admins } from '../store/admins.js'; +import { counter, increaseCounter, decreaseCounter } from '../store/counter.js'; - export default { - setup() { - const list = useStore(admins) - const count = useStore(counter) - return { list, count, increaseCounter, decreaseCounter } - } - } +export default { + setup() { + const list = useStore(admins); + const count = useStore(counter); + return { list, count, increaseCounter, decreaseCounter }; + }, +}; </script> |