Passing value from asyncData funtion to a variable

I want help in changing the const searchClient. The problem is, its not part of export default. I am getting the value that I want to input from asyncData. You can look at me code below

<template>
  <ais-instant-search-ssr>
    
  </ais-instant-search-ssr>
</template>

<script>
import SearchSnippetCard from './components/SearchSnippetCard'
import {
  AisInstantSearchSsr,
  AisIndex,
  AisConfigure,
  AisRefinementList,
  AisHits,
  AisHighlight,
  AisSearchBox,
  AisStats,
  AisStateResults,
  AisPagination,
  createServerRootMixin,
  AisPoweredBy,
} from 'vue-instantsearch'; // eslint-disable-line import/no-unresolved
import algoliasearch from 'algoliasearch/lite';

const searchClient = algoliasearch(
  '3LEB06DEL9',
  'key from asyncData'
);

export default {
  data () {
    return {
      results: null
    }
  },
  mixins: [
    createServerRootMixin({
      searchClient,
      indexName: 'snippets',
    }),
  ],
  serverPrefetch() {
    return this.instantsearch.findResultsState(this).then(algoliaState => {
      this.$ssrContext.nuxt.algoliaState = algoliaState;
    });
  },
  beforeMount() {
    this.results = window.__NUXT__.algoliaState;

    this.instantsearch.hydrate(this.results);

  },
  components: {
    AisInstantSearchSsr,
    AisIndex,
    AisConfigure,
    AisRefinementList,
    AisHits,
    AisHighlight,
    AisSearchBox,
    AisStats,
    AisStateResults,
    AisPagination,
    SearchSnippetCard,
    AisPoweredBy
  },
  async asyncData({ app }) {
    let key = await app.$axios.get('keys/algolia')
    //I intend to use this key in the searchClient public key
  },
  mounted () {
   
  },
  head() {
    return {
      title: 'Search'
    }
  }
};
</script>