➖ remove getSetting

composables/useApi.ts

@@ -3,12 +3,14 @@ import type { ApiPromise } from '@polkadot/api'
 import { getChainEndpointByPrefix } from '@/utils/chain'
 
 export default function () {
- const { $store } = useNuxtApp()
  const { urlPrefix } = usePrefix()
 
  const apiUrl = computed(() => {
- const endpoint = getChainEndpointByPrefix(urlPrefix.value)
- return endpoint || $store.getters.getSettings['apiUrl']
+ const endpoint: string =
+ getChainEndpointByPrefix(urlPrefix.value) ||
+ getChainEndpointByPrefix('ksm') ||
+ ''
+ return endpoint
  })
 
  const apiInstance = computed<Promise<ApiPromise>>(() =>

pages/_prefix/transfer.vue

@@ -392,9 +392,6 @@ export default class Transfer extends mixins(
  const availableNodesByPrefix: { value: string }[] =
  this.$store.getters['availableNodesByPrefix']
  const availableUrls = availableNodesByPrefix.map((node) => node.value)
- if (usedNodeUrls.length === 0) {
- usedNodeUrls.push(this.$store.getters.getSettings['apiUrl'])
- }
  if (usedNodeUrls.length < availableUrls.length) {
  const nextTryUrls = availableUrls.filter(
  (url) => !usedNodeUrls.includes(url)

utils/WithKeyring.ts

@@ -7,7 +7,6 @@ import { enableExtension } from '@/utils/extension'
 import correctFormat from '@/utils/ss58Format'
 
 import { isWeb3Injected, web3Accounts } from '@polkadot/extension-dapp'
-import { getPrefixByStoreUrl } from '@/utils/chain'
 import ChainMixin from './mixins/chainMixin'
 import { useIdentityStore } from '@/stores/identity'
 
@@ -44,12 +43,8 @@ export default class WithKeyring extends ChainMixin {
  ss58Format:
  correctFormat(ss58Forever) >= 0
  ? correctFormat(ss58Forever)
- : correctFormat(this.prefixByStore),
+ : correctFormat('0'),
  })
-
- // if ((!this.accountId || ss58Changed) && this.importedAccounts?.length && process.env.VUE_APP_KEYRING) {
- // this.$store.dispatch('setAuth', { address: this.importedAccounts[0]?.address });
- // }
  }
 
  get identityStore() {
@@ -60,14 +55,6 @@ export default class WithKeyring extends ChainMixin {
  return this.identityStore.getAuthAddress
  }
 
- get getSettings() {
- return this.$store.getters.getSettings?.apiUrl
- }
-
- get prefixByStore() {
- return correctFormat(getPrefixByStoreUrl(this.getSettings()))
- }
-
  public allAcctounts(): KeyringAccount[] {
  return [...this.keyringAccounts, ...this.importedAccounts]
  }

utils/mixins/apiUrlMixin.ts

@@ -1,17 +1,19 @@
-import { Component, Vue } from 'nuxt-property-decorator'
+import { Component, mixins } from 'nuxt-property-decorator'
 import { getChainEndpointByPrefix } from '@/utils/chain'
+import PrefixMixin from '@/utils/mixins/prefixMixin'
 
 /*
  * refer to https://stackoverflow.com/questions/51873087/unable-to-use-mixins-in-vue-with-typescript
  * import { Component, Mixins } from 'nuxt-property-decorator';
  * class ExtendedClass extends Mixins(ActualMixin) {
  */
 @Component
-export default class ApiUrlMixin extends Vue {
+export default class ApiUrlMixin extends mixins(PrefixMixin) {
  get apiUrl() {
- const endpoint = getChainEndpointByPrefix(
- this.$store.getters.currentUrlPrefix
- )
- return endpoint || this.$store.getters.getSettings['apiUrl']
+ const endpoint: string =
+ getChainEndpointByPrefix(this.urlPrefix) ||
+ getChainEndpointByPrefix('ksm') ||
+ ''
+ return endpoint
  }
 }