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>