interactua pinia

src/pages/IndexPage.vue

@@ -5,33 +5,36 @@
 </template>
 
 <script setup>
-import PocketBase from "pocketbase";
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
+import { useListaStore } from "../stores/lista.js";
 
+const listaStore = useListaStore();
 const resultList = ref("");
 
-const pb = new PocketBase("https://pocketbase.clonbg.es");
-const authData = pb
-  .collection("users")
-  .authWithPassword("diloma", "dilomadiloma");
+listaStore.counter = 9;
+console.log(listaStore.counter);
+console.log(listaStore.doubleCount());
+console.log(listaStore.counter);
+listaStore.increment();
+console.log(listaStore.counter);
 
 // after the above you can also access the auth data from the authStore
-console.log(pb.authStore.isValid);
-console.log(pb.authStore.token);
-console.log(pb.authStore.model.id);
-// console.log(authData);
-
-pb.collection("lista")
-  .getList(1, 50)
-  .then((result) => {
-    // success...
-    console.log("Result:", result);
-    resultList.value = result;
-  })
-  .catch((error) => {
-    // error...
-    console.log("Error:", error);
-  });
+// console.log(pb.authStore.isValid);
+// console.log(pb.authStore.token);
+// console.log(pb.authStore.model.id);
+// // console.log(authData);
+//
+// pb.collection("lista")
+//   .getList(1, 50)
+//   .then((result) => {
+//     // success...
+//     console.log("Result:", result);
+//     resultList.value = result;
+//   })
+//   .catch((error) => {
+//     // error...
+//     console.log("Error:", error);
+//   });
 
 // "logout" the last authenticated account
 //pb.authStore.clear();