Home > @vsf-enterprise/bigcommerce-theme > UseChannelInterface > load

UseChannelInterface.load() method

Loads current channel information.

Signature:

load(): Promise<void>;

Returns:

Promise<void>

Remarks

Channels and storefronts are the same thing in BigCommerce. Fetches channel information from the API and stores it in useChannelStore.

Example

Loading seoMeta of current storefront.

import { defineComponent, useAsync, useMeta } from '@nuxtjs/composition-api';
import { storeToRefs } from 'pinia';
import { useChannel } from '~/composables';
import { useChannelStore } from '~/stores';

export default defineComponent({
  setup() {
    const { seoMeta } = storeToRefs(useChannelStore());
    const { load } = useChannel();

    useAsync(async () => {
      await load();
    });

    useMeta({
      title: seoMeta.value?.page_title,
      meta: [
        {
          hid: 'og:title',
          property: 'og:title',
          content: seoMeta.value?.page_title
        },
        {
          hid: 'description',
          name: 'description',
          content: seoMeta.value?.meta_description
        }
      ]
    });
  },
  head: {}
});