fix: better name and counter store

src/boot/utils.js

@@ -1,13 +1,13 @@
 import { boot } from "quasar/wrappers";
 
 import { Buffer } from "buffer";
-import Uploader from "../components/Uploader.js";
+import KnowledgeStoreUploader from "../components/KnowledgeStoreUploader.js";
 // "async" is optional;
 // more info on params: https://v2.quasar.dev/quasar-cli/boot-files
 export default boot(async ({ app }) => {
   // something to do
   window.Buffer = Buffer;
   window.global = window;
   app.config.globalProperties.window = window;
-  app.component("Uploader", Uploader);
+  app.component("KnowledgeStoreUploader", KnowledgeStoreUploader);
 });

src/components/Uploader.js

@@ -1,4 +1,4 @@
-import { createUploaderComponent } from "quasar";
+import { createKnowledgeStoreUploaderComponent } from "quasar";
 import { computed, ref } from "vue";
 import { useKnowledgeStore } from "../stores/knowledge-store";
 // import * as pdfjsLib from 'pdfjs-dist/webpack';
@@ -64,8 +64,8 @@ async extractTextFromPdf(pdfUrl) {
         */
 
 // export a Vue component
-export default createUploaderComponent({
-  name: "Uploader",
+export default createKnowledgeStoreUploaderComponent({
+  name: "KnowledgeStoreUploader",
   props: {
     // ...your custom props
   },

src/layouts/MainLayout.vue

@@ -11,9 +11,6 @@
           @click="toggleLeftDrawer"
         />
 
-        <!-- <q-toolbar-title>
-          Quasar App
-        </q-toolbar-title> -->
         <q-space />
 
         <div class="row q-gutter-x-sm">
@@ -196,8 +193,6 @@ export default defineComponent({
     const route = useRoute();
 
     // Reference to the chat-store state
-    // TODO: intialize chatsStore.partialChats as null and implement async loading rendering
-    //const partialChatsRef = ref(chatsStore.partialChats);
     const { partialChats } = storeToRefs(chatsStore);
 
     const addressPoints = computed(() => {
@@ -217,18 +212,11 @@ export default defineComponent({
       }
     });
 
-    // Watch for updates to the chats and update our partials
-    watch(partialChats, (newVal) => {
-      console.log("layouts::MainLayout::watch::partialChatsRef: ", newVal);
-    });
-
     // Delete a chat
     // NOTE: the underlying state of partialChatsRef is updated as a result of the watch above
     async function deleteChat(chat_id) {
       console.log("layouts::MainLayout::deleteChat: ", chat_id);
       await chatsStore.deleteChat(chat_id);
-      // Update local state
-      // partialChats.value = chatsStore.partialChats;
       if (route.params?.id == chat_id) {
         nextTick(() => router.push("/new"));
       }

src/pages/Chat.vue

@@ -282,7 +282,6 @@ export default defineComponent({
 
     // Regenerate the last message from the AI
     async function regenerateMessage() {
-      console.log("pages::Chat.vue::regenerateMessage");
       console.log("pages::Chat.vue::regenerateMessage");
       // we discard the last message if it's from the AI, and regenerate
       const lastMessage = messagesRef.value[messagesRef.value.length - 1];

src/pages/KnowledgeBase.vue

@@ -51,8 +51,8 @@
               </q-card-actions>
             </q-card>-->
             haha
-            <Uploader
-              label="Auto Uploader"
+            <KnowledgeStoreUploader
+              label="Auto KnowledgeStoreUploader"
               auto-upload
               url="http://localhost:4444/upload"
               multiple

src/pages/PointsInfo.vue

@@ -80,6 +80,7 @@
             bottom-slots
             v-model="address"
             label="Address"
+            counter
             maxlength="42"
             :rules="addressRules"
             autofocus
@@ -122,12 +123,14 @@
 
 <script>
 import { defineComponent, ref, onMounted, nextTick } from "vue";
+import { useCounterStore } from "../stores/counter-store";
 import { usePoints } from "../stores/points";
 import { ethers } from "ethers";
 
 export default defineComponent({
   name: "PointsInfo",
   setup() {
+    const counter = useCounterStore();
     const expanded = ref(false);
     const points = usePoints();
     const address = ref("");
@@ -157,6 +160,7 @@ export default defineComponent({
     // const count = ref(0)
     return {
       points,
+      counter,
       expanded,
       address,
       addressVerifier,

src/stores/counter-store.js

@@ -0,0 +1,15 @@
+import { defineStore } from "pinia";
+
+export const useCounterStore = defineStore("counter", {
+  state: () => ({
+    counter: 0,
+  }),
+  getters: {
+    doubleCount: (state) => state.counter * 2,
+  },
+  actions: {
+    increment() {
+      this.counter++;
+    },
+  },
+});