style: Fix prettier and ESLint issues

Author: RezaRahemtola

.prettierignore

@@ -1,2 +1,3 @@
 src/apis/agents
 src/apis/subscriptions
+src/apis/tokens

src/pages/subscriptions/SubscriptionsLanding.vue

@@ -52,10 +52,13 @@
     <div class="q-pa-md">
       <h3>Current subscription</h3>
       <q-card class="q-pa-md row">
-      <p v-if="subscriptionsStore.subscriptions.length === 0">No subscriptions</p>
-      <div v-for="subscription of subscriptionsStore.subscriptions" v-else :key="subscription.id">
-        <p>type: {{ subscription.type }} <br /> Provider: {{ subscription.provider }}</p>
-      </div>
+        <p v-if="subscriptionsStore.subscriptions.length === 0">No subscriptions</p>
+        <div v-for="subscription of subscriptionsStore.subscriptions" v-else :key="subscription.id">
+          <p>
+            type: {{ subscription.type }} <br />
+            Provider: {{ subscription.provider }}
+          </p>
+        </div>
       </q-card>
     </div>
     <div class="q-pa-md">
@@ -64,8 +67,10 @@
       <q-card class="q-pa-md">
         <p v-if="apiKeysStore.accounts.length === 0">No api keys</p>
         <p v-else>
-          <q-btn v-if="!apiKeysStore.showKeys" color="primary" @click="apiKeysStore.revealKeys()" >Reveal api keys</q-btn>
-          <q-btn v-if="apiKeysStore.showKeys" color="primary"  @click="apiKeysStore.hideKeys()">Hide api keys</q-btn>
+          <q-btn v-if="!apiKeysStore.showKeys" color="primary" @click="apiKeysStore.revealKeys()"
+            >Reveal api keys
+          </q-btn>
+          <q-btn v-if="apiKeysStore.showKeys" color="primary" @click="apiKeysStore.hideKeys()">Hide api keys</q-btn>
           <br /><br />
           <q-markup-table>
             <thead>
@@ -77,7 +82,7 @@
               </tr>
             </thead>
             <tbody>
-              <tr v-for="api_account of apiKeysStore.accounts">
+              <tr v-for="api_account of apiKeysStore.accounts" :key="api_account.sha1_token">
                 <td class="text-left">{{ api_account.name }}</td>
                 <td class="text-left">{{ api_account.sha1_token }}</td>
                 <td class="text-left">
@@ -87,10 +92,9 @@
               </tr>
             </tbody>
           </q-markup-table>
-      </p>
+        </p>
       </q-card>
     </div>
-
   </q-page>
 </template>
 

src/stores/api_key.ts

@@ -1,14 +1,11 @@
 import { defineStore } from 'pinia';
-import {
-  TokenAccount,
-  accountListAccountAddressListGet
-} from 'src/apis/tokens'
+import { TokenAccount, accountListAccountAddressListGet } from 'src/apis/tokens';
 import { useAccountStore } from 'stores/account';
 
 type ApiKeyState = {
   accounts: TokenAccount[];
-  revealMessage: string|undefined;
-  revealMessageSignature: string|undefined;
+  revealMessage: string | undefined;
+  revealMessageSignature: string | undefined;
   isLoaded: boolean;
   showKeys: boolean;
 };
@@ -23,7 +20,7 @@ export const useApiKeyStore = defineStore('api_keys', {
   }),
   actions: {
     async load() {
-      console.log("Loaded here");
+      console.log('Loaded here');
       const { account } = useAccountStore();
 
       if (account === null) {
@@ -36,8 +33,8 @@ export const useApiKeyStore = defineStore('api_keys', {
         },
         query: {
           chain: account.chain,
-          reveal_message_signature: this.revealMessageSignature
-        }
+          reveal_message_signature: this.revealMessageSignature,
+        },
       });
 
       this.accounts = response.data?.accounts ?? [];
@@ -46,7 +43,7 @@ export const useApiKeyStore = defineStore('api_keys', {
     },
 
     async revealKeys() {
-      console.log("reveal keys", this.accounts, "n", this.revealMessage);
+      console.log('reveal keys', this.accounts, 'n', this.revealMessage);
       if (this.revealMessageSignature) {
         this.load();
         this.showKeys = true;
@@ -55,26 +52,26 @@ export const useApiKeyStore = defineStore('api_keys', {
 
       const { account, signMessage } = useAccountStore();
 
-      console.log("has account", account);
+      console.log('has account', account);
       if (account === null || !this.revealMessage) {
         return;
       }
 
       if (this.revealMessage != undefined) {
-        console.log("Signing...");
+        console.log('Signing...');
         const messageToSign = this.revealMessage;
         const hash = await signMessage(messageToSign);
         this.revealMessageSignature = hash;
-        console.log("signed message", hash);
+        console.log('signed message', hash);
         this.showKeys = true;
       }
     },
 
     async hideKeys() {
       for (let account of this.accounts) {
-        account.token = "**hidden**";
+        account.token = '**hidden**';
       }
       this.showKeys = false;
-    }
-  }
+    },
+  },
 });