LoadingIndicator

Usage

Wrap your page or layout content:

<template>
  <ShLoadingIndicator>
    <ShPage title="Products">
      <!-- content -->
    </ShPage>
  </ShLoadingIndicator>
</template>

Props

This component has no props.

Slots

Notes

• Uses useLoadingIndicator() from Nuxt to watch the isLoading state.
• Calls shopify.loading.show() / shopify.loading.hide() via useAppBridge().
• Automatically hides the loading bar on component unmount.
• This is a renderless component — it does not produce any wrapper DOM element.