➖ remove getSetting

composables/useApi.ts

@@ -3,12 +3,11 @@ 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) || ''
+ 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/mixins/apiUrlMixin.ts

@@ -1,17 +1,16 @@
-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) || ''
+ return endpoint
  }
 }