Patch: Example Nanostores Update (#1955)

* Mention astro.new in docs (#1935)

* Fix - Deprecated nanostores functions

createStore and getValue is deprecated in nanostores,
changed it to atom and atom.get()

* fix: change code to nanostores non-deprecated functions

Co-authored-by: Jonathan Neal <jonathantneal@hotmail.com>

1 files changed, 14 insertions, 12 deletions

diff --git a/examples/with-nanostores/src/components/AdminsVue.vue b/examples/with-nanostores/src/components/AdminsVue.vue
index 1846c4d21..dbf50cca9 100644
--- a/examples/with-nanostores/src/components/AdminsVue.vue
+++ b/examples/with-nanostores/src/components/AdminsVue.vue
@@ -1,21 +1,23 @@
 <template>
-  <h1>Vue</h1>
-  <ul>
-    <li v-for="user in list" :key="user.name">
-      {{ JSON.stringify(user, null, 2) }}
-    </li>
-  </ul>
   <div>
-    <h3>Counter</h3>
-    <p>{{ count }}</p>
-    <button @click="decreaseCounter">-1</button>
-    <button @click="increaseCounter">+1</button>
+    <h1>Vue</h1>
+    <ul>
+      <li v-for="user in list" :key="user.name">
+        {{ JSON.stringify(user, null, 2) }}
+      </li>
+    </ul>
+    <div>
+      <h3>Counter</h3>
+      <p>{{ count }}</p>
+      <button @click="decreaseCounter">-1</button>
+      <button @click="increaseCounter">+1</button>
+    </div>
+    <br />
   </div>
-  <br />
 </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';