Theme Settings

const theme = await shop.getThemeSettings();

{
  theme_id: number;
  settings: Record<string, any>; // flexible — shape depends on theme
  is_published: boolean;
} | null

const theme = await shop.getThemeSettings();

if (theme?.settings) {
  const root = document.documentElement;
  const s = theme.settings;

  if (s.primary_color) root.style.setProperty('--color-primary', s.primary_color);
  if (s.font_family)   root.style.setProperty('--font-body', s.font_family);
  if (s.border_radius) root.style.setProperty('--radius', s.border_radius);
}

const theme = await shop.getThemeSettings();

const sections = theme?.settings?.sections ?? {};

if (sections.hero?.enabled) {
  renderHeroSection(sections.hero);
}

if (sections.featured_products?.enabled) {
  renderFeaturedProducts(sections.featured_products);
}