Drupal.t() - Particle integration version 2

carousel.js

// src/_patterns/02-molecules/carousel/index.js
import carouselPlugin from 'some/bloated/carousel/plugin/project';

export function enable($context, settings) {
  // ...
  carouselPlugin.goBackText = settings.carousel.strings.goBackText || 'Go back';
  carouselPlugin.goForwardText = settings.carousel.strings.goForwardText || 'Go back';
};

drupal.js

import { enableAllComponents } from '../../source/design-system';

console.log('drupal-theme ran');

Drupal.behaviors.designSystem = {
  attach($context, settings) {
    
    const componentSettings = {
      // Carousel settings!
      carousel: {
        strings: {
          goForwardText: Drupal.t('Go forward'),
          goBackText: Drupal.t('Go back'),
        },
      },
      // Flerp component settings!
      flerp: {
        strings: {
          merp: 'merp',
        },
        height: settings.drupalCustomModule.height, // Note: this is how we pull in drupalSettings if needed
        speed: settings.drupalCustomModule.speed,
      },
    };
    
    enableAllComponents($context, componentSettings);
  },
};