@merkur/create-widget/views/vanilla/template/src/slots/HeadlineSlot.js

CLI for creating merkur widget easily.

import Welcome from '../components/Welcome';
import WidgetDescription from '../components/WidgetDescription';
import ErrorView from '../views/ErrorView';

async function headlineSlotFactory() {
  return {
    name: 'headline',
    View: HeadlineSlot,
  };
}

function HeadlineSlot(widget) {
  if (widget.error && widget.error.status) {
    return ErrorView(widget);
  }

  return `
      <div class='merkur__page'>
        <div class='merkur__headline'>
          <div class='merkur__view'>
            ${Welcome(widget)}
            <h3>Current count: <span data-merkur="counter">${
              widget.state.counter
            }</span></h3>
            ${WidgetDescription(widget)}
          </div>
        </div>
      </div>
  `;
}

export { headlineSlotFactory };
export default HeadlineSlot;